/**
 * 
 * Defines all CSS for the global elements that are using sprites
 * 
 * 
 * Index ______________________________________________________________________
 *  
 *  Sprites
 *  Icons
 *  Link Icons
 *  List Icons
 *  Close Buttons
 *  Paginate Button Bullets
 *  White Button
 *  Gray Button
 *  Paginate Dropdown
 *  Pagination buttons
 *  Confirmation Popup
 *   
 */


/* Sprites ________________________________________________ */

.icon-getting-started,
.icon-bluetooth,
.icon-personalize,
.icon-camera,
.icon-sync,
.icon-maps,
.icon-phone-calls,
.icon-media,
.icon-messages,
.icon-security,
.icon-social,
.icon-update,
.icon-sense,
.icon-email,
.icon-apps,
.icon-people,
.icon-big-videos,
.icon-big-maps,
.icon-big-music,
.icon-big-gaming,
.icon-big-educational,
.icon-sound,
.icon-sound-off,
.btn-close,
.btn-close-small,
.btn-close-mini,
.icon-error,
.icon-success,
.icon-success-small,
.styledCheckbox,
.styledCheckboxChecked,
.icon-new,
.icon-latest {
	background: transparent url(/assets/sprites/sprite-gui.png) no-repeat scroll 0 0;
	cursor: pointer;
}


/* Sprites for inline elements */
.info-label,
.info-label-big,
.link-dropdown,
.link-download,
.link-print,
.link-pdf,
.link-html,
.link-info,
.link-back,
.link-forward,
.link-chat,
.link-email,
.link-calendar,
.link-webcast,
.link-facebook,
.link-youtube,
.link-twitter,
.link-rss,
.link-arrow,
.bullet-list li,
.bullet-list-inner span,
.htc-accordion-toggle,
.styledRadio,
.styledRadioChecked {
	background: transparent url(/assets/sprites/sprite-gui-inline.png) no-repeat scroll 0 0;
	cursor: pointer;
	display: block;
}

.bullet-list li,
.bullet-list-inner span {
	cursor: auto;
}

/* Sprites with fluid width */
.p-dropdown-button,
.p-dropdown-label,
.p-dropdown-up, 
.p-dropdown-down,
.p-dropdown-up span, 
.p-dropdown-down span,
.p-dropdown-up a, 
.p-dropdown-down a,
.p-dropdown-wrapper li,
.p-dropdown-wrapper li div,
.white-button,
.white-button span,
.white-button-big,
.white-button-big span,
.green-button,
.green-button span,
.green-button-big,
.green-button-big span,
.btn-cancel,
.btn-cancel span,
.overlay-tab,
.overlay-tab-inner,
.form-input,
.form-input input,
.form-input-required,
.form-input-required input,
.form-input-big,
.form-input-big input,
.form-input-required-big,
.form-input-required-big input,
.form-big-search-input,
.form-big-search-input input  {
	display: block;
	background: transparent url(/assets/sprites/sprite-gui-width.png) no-repeat scroll left 0;
}

/* Icons ________________________________________________ */


.icon-getting-started,
.icon-bluetooth,
.icon-personalize,
.icon-camera,
.icon-sync,
.icon-maps,
.icon-phone-calls,
.icon-media,
.icon-messages,
.icon-security,
.icon-social,
.icon-update,
.icon-sense,
.icon-email,
.icon-apps,
.icon-people {
	width: 28px;
	height: 29px;
}

.icon-getting-started {
	background-position: 5px -221px;
}

.icon-bluetooth {
	background-position: 5px -267px;
}

.icon-personalize {
	background-position: -31px -221px;
}

.icon-camera {
	background-position: -31px -267px;
}

.icon-sync {
	background-position: -65px -221px;
}

.icon-maps {
	background-position: -65px -267px;
}

.icon-phone-calls {
	background-position: -100px -221px;
}

.icon-media {
	background-position: -100px -267px;
}

.icon-messages {
	background-position: -142px -221px;
}

.icon-security {
	background-position: -142px -267px;
}

.icon-social {
	background-position: -190px -221px;
}

.icon-update {
	background-position: -190px -267px;
}

.icon-sense {
	background-position: -236px -221px;
}

.icon-email {
	background-position: -236px -267px;
}

.icon-apps {
	background-position: -278px -221px;
}

.icon-people {
	background-position: -278px -267px;
}

.icon-sound {
	background-position: 0px -459px;
}

.icon-sound:hover {
	background-position: 0px -479px;
}

.icon-sound-off {
	background-position: -29px -459px;
}

.icon-sound-off:hover {
	background-position: -29px -479px;
}



/* Icons ________________________________________________ */


.icon-big-videos,
.icon-big-maps,
.icon-big-music,
.icon-big-gaming,
.icon-big-educational {
	display: block;
	width: 33px;
	height: 34px;
}

.icon-big-videos {
	background-position: -86px -410px;
}

.icon-big-maps {
	background-position: 3px -410px;
}

.icon-big-music {
	background-position: -174px -410px;
}

.icon-big-gaming {
	background-position: -41px -410px;
}

.icon-big-educational {
	background-position: -219px -410px;
}

.icon-sound {
	width:21px;
	height:11px;
	display:block;
}

.icon-sound-off {
	width:21px;
	height:11px;
	display:block;
}


/* Success & Error Icons ________________________________________________ */

.icon-error,
.icon-success,
.icon-success-small {
	display: inline-block;
	width: 60px;
	margin-bottom: 10px;
}

.icon-success {
	background-position: -80px -94px;
 	height: 60px;
}

.icon-error {
	background-position: -140px -94px;
	height: 64px;
}

.icon-success-small {
	background-position: 0px -498px;
	width: 40px;
	height: 44px;
	margin-bottom: 0px;
}


/* Success & Error Icons ________________________________________________ */

.icon-latest {
	background-position: -40px -458px;
	
	display: block;
	width: 76px;
	height: 76px;	
}

.icon-new {
	background-position: -4px -544px;
	
	display: inline-block;
	width: 31px;
	height: 15px;	

	margin-left: 10px;
	
}


/* Link Icons ________________________________________________ */

.link-dropdown,
.link-download,
.link-print,
.link-pdf,
.link-info,
.link-html,
.link-back,
.link-chat,
.link-email,
.link-facebook,
.link-youtube,
.link-calendar,
.link-webcast,
.link-twitter,
.link-rss,
.link-arrow {
	line-height: 14px;
	min-height: 17px;
	
	display: inline-block;
	padding-left: 24px;
}

.link-dropdown {
	background-position: left top;
	padding-left: 20px;
}

.link-dropdown:hover {
	background-position: left -21px;
}

.link-download {
	background-position: left -44px;
}

.link-download:hover {
	background-position: left -68px;
}

.link-print {
	background-position: left -740px;
}

.link-print:hover {
	background-position: left -760px;
}

.link-chat {
	background-position: left -581px;
	margin-left: 10px;
}

.link-chat:hover {
	background-position: left -602px;
}

.link-pdf,
.link-html {
	color: #4a4a4a;
	font-size: 11px;
	line-height: 16px;
	
	text-decoration: none;
	padding-left: 18px;
}

.link-pdf {
	background-position: left -242px;
}

.link-pdf:hover {
	background-position: left -262px;
}

.link-info {
	background-position: left -539px;
}

.link-info:hover {
	background-position: left -559px;
}

.link-html {
	background-position: left -281px;
}

.link-html:hover {
	background-position: left -301px;
}

.link-webcast {
	background-position: left -999px;
}

.link-calendar {
	background-position: left -1023px;
}

.link-webcast:hover {
	background-position: left -1046px;
}

.link-calendar:hover {
	background-position: left -1070px;
}

.link-back {
	background-position: 0 -446px;
	text-decoration: none;
	
	line-height: 24px;
	min-height: 29px;
	padding-left: 30px;
}

.link-back:hover {
	background-position: 0 -476px;
}

.link-back:active {
	background-position: 0 -506px;
}

.link-forward {
	background-position: 0 -907px;
	text-decoration: none;
	
	line-height: 24px;
	min-height: 29px;
	padding-left: 30px;
}

.link-forward:hover {
	background-position: 0 -937px;
}

.link-forward:active {
	background-position: 0 -967px;
}

.link-email {
	background-position: left -625px;
}

.link-email:hover {
	background-position: left -645px;
}

.link-facebook {
	background-position: 0 -130px;
}

.link-twitter {
	background-position: 0 -150px;
}

.link-youtube {
	background-position: 0 -170px;
	padding-left: 24px;
	height: 20px;
	line-height: 15px;
	padding-top: 4px;
	margin-top: -4px;
}

.link-arrow {
	background-position: 0 -1121px;
}

.link-rss {
	background-position: 0 -200px;
}
.link-rss:hover {
	background-position: 0 -221px;
}

/* Form inputs  ________________________________________________ */

.form-input,
.form-input input,
.form-input-required,
.form-input-required input {
	display: inline-block;
	width: 100%;
	height: 28px;
	line-height: 28px;
	min-height: 28px;
	padding: 0;
	margin: 0;
}

.form-input,
.form-input-required {
	background-position: left -1655px;
	width: 300px;
	padding-left: 15px;
}

.form-input input,
.form-input-required input {
	color: #4c4c4c;
	font-style: normal;
	font-weight: bold;
}

.form-input .watermark,
.form-input-required .watermark {
	color: #666666;
	font-style: italic;
}

.form-input input,
.form-input-required input {
	background-position: right -1811px;	
	border: none;	
}

.form-input-active,
.form-input-required-active {
	background-position: left -1692px;	
}

.form-input-active input {
	background-position: right -1848px;	
}

.form-input-success {
	background-position: left -1728px;	
}

.form-input-success input {
	background-position: right -1884px;	
}

.form-input-error,
.form-input-required-error {
	background-position: left -1767px;	
}

.form-input-error input {
	background-position: right -1923px;	
}


/* Form inputs required  ________________________________________________ */


.form-input-required input {
	background-position: right -3983px;		
}

.form-input-required-active input {
	background-position: right -4020px;	
}

.form-input-required-success {
	background-position: left -1728px;	
}

.form-input-required-success input {
	background-position: right -1884px;	
}

.form-input-required-error input {
	background-position: right -4059px;	
}


/* Form big inputs  ________________________________________________ */

.form-input-big,
.form-input-big input {
	display: inline-block;
	
	width: 100%;
	height: 41px;
	
	line-height: 41px;
	min-height: 41px;
}

.form-input-big {
	background-position: left -2714px;
	width: 300px;	
	padding-left: 22px;
}

.form-input-big input {
	color: #767676;
	font-size:14px;
	font-style: normal;
	font-weight: bold;
	padding-right:22px;
}

.form-input-big .watermark {
	color: #666666;
	font-style: italic;
}

.form-input-big input {
	background-position: right -2663px;	
	border: none;	
}

.form-input-big-active {
	background-position: left -2816px;	
}

.form-input-big-active input {
	background-position: right -2765px;	
}

.form-input-big-success {
	background-position: left -2918px;	
}

.form-input-big-success input {
	background-position: right -2867px;	
}

.form-input-big-error {
	background-position: left -3020px;	
}

.form-input-big-error input {
	background-position: right -2969px;	
}


/* Form big inputs Required  ________________________________________________ */

.form-input-required-big,
.form-input-required-big input {
	display: inline-block;
	
	width: 100%;
	height: 41px;
	
	line-height: 41px;
	min-height: 41px;
}

.form-input-required-big {
	background-position: left -3122px;
	width: 300px;	
	padding-left: 22px;
}

.form-input-required-big input {
	color: #767676;
	font-size:14px;
	font-style: normal;
	font-weight: bold;
	padding-right:45px;
}

.form-input-required-big .watermark {
	color: #666666;
	font-style: italic;
}

.form-input-required-big input {
	background-position: right -3071px;	
	border: none;	
}

.form-input-required-big-active {
	background-position: left -3224px;	
}

.form-input-required-big-active input {
	background-position: right -3173px;	
}

.form-input-required-big-success {
	background-position: left -2918px;	
}

.form-input-required-big-success input {
	background-position: right -2867px;	
}

.form-input-required-big-error {
	background-position: left -3326px;	
}

.form-input-required-big-error input {
	background-position: right -3275px;	
}

/* Form big search input  ________________________________________________ */


.form-big-search-input,
.form-big-search-input input {
	display: inline-block;
	
	height: 45px;
	line-height: 41px;
	min-height: 45px;
	
}

.form-big-search-input {
	background-position: left -2200px;
	padding-left: 22px;
	position: relative;
}

.form-big-search-input input,
.form-big-search-input .watermark {
	color: #999999;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	
	background-position: right -2302px;	
	border: none;	
}

.form-big-search-input-active {
	background-position: left -2250px;	
}

.form-big-search-input-active input {
	color: #4c4c4c;
	font-style: normal;
	background-position: right -2352px;	
}


/* Form big search button  ________________________________________________ */

/* Search button */
.form-big-search-input .form-search-button {
	background: transparent url(/assets/sprites/sprite-gui.png) no-repeat scroll -154px -457px;
	text-indent: 9999em;
	cursor: pointer;
	
	position: absolute;
	display: block;
	width: 16px;
	min-height: 0;
	height: 16px;		
	top: 13px;
	right: 17px;
	padding 0;
	margin: 0;
}

.form-big-search-input-active .form-search-button {
	background-position:  -154px -486px;
}

.form-big-search-input .form-search-button:hover {
	background-position:  -154px -514px;
}



/* Checkboxes   ________________________________________________ */

.styledCheckbox {
	background-position: -47px -122px;
	display: inline-block;
	width: 15px;
	height: 18px;
	padding-right: 8px;
	float: left;
}

.styledCheckboxError {
	background-position: -47px -177px;
}

.styledCheckboxChecked {
	background-position: -47px -150px;
}


/* Radios   ________________________________________________ */

.styledRadio {
	background-position: 0 -700px;
	
	display: inline-block;
	width: 15px;
	height: 15px;
	padding-right: 8px;
	float: left;
	top: -1px;
	position: relative;

}


.styledRadioChecked {
	background-position: 0 -715px;
}


/* List Icons ________________________________________________ */

.bullet-list li,
.bullet-list-inner span {
	background-position: left -89px;
	padding-left: 14px;
}



/* Close Buttons ________________________________________________ */

.btn-close {
	background-position: 0 0;
	height: 31px;
	width: 30px;
}
	.btn-close:hover {
		background-position: 0 -40px;
	}
	.btn-close:active {
		background-position: 0 -80px;
	}
	
.btn-close-small {
	background-position: -40px 0;
	height: 23px;
	width: 22px;
}
	.btn-close-small:hover {
		background-position: -40px -40px;
	}
	.btn-close-small:active {
		background-position: -40px -80px;
	}

.btn-close-mini {
	background-position: -80px 0;
	height: 11px;
	width: 11px;
}
	.btn-close-mini:hover {
		background-position: -80px -30px;
	}


/* Labels with icons _____________________________________________*/

.info-label {
	background-position:left -849px;
	background-repeat:no-repeat;
	padding-left:22px;
	color:#999999;
	font-size:12px;
	height:17px;
	line-height:17px;
	display:inline-block;
}

.info-label-big {
	background-position:left -870px;
	background-repeat: no-repeat;
	padding-left: 40px;
	color: #999999;
	font-size: 12px;
	height: 28px;
	line-height: 30px;
	display:inline-block;
}

.info-label b,
.info-label-big b {
	color:#000;
}

/* White button __________________________________________________________________ */

.white-button,
.white-button span {
	text-decoration: none;
	display: inline-block;
	background-position: left -798px;
	height: 31px;
	padding-left: 14px;
}
.white-button span {
	
	color: #333333;
	background-position: right -918px;
	font-size: 13px;
	font-weight: bold;
	line-height: 28px;
	
	padding: 0 20px 0 6px;

	text-shadow: 1px 1px 1px #ffffff;
}

.white-button:hover,
.white-button:focus {
	background-position: left -838px;
}
.white-button:hover span,
.white-button:focus span {
	color: #81ba10;
	background-position: right -958px;
}

.white-button:active {
	background-position: left -878px;
}
.white-button:active span {
	color: #92c82f;
	background-position: right -998px;
}

.white-button.hover {
	background-position: left -838px;
}
.white-button.hover span {
	color: #92c82f;
	background-position: right -958px;
}

.white-button.active {
	background-position: left -878px;
}
.white-button.active span {
	color: #92c82f;
	background-position: right -998px;
}


/* White button - Big __________________________________________________________________ */


.white-button-big,
.white-button-big span {
	text-decoration: none;
	display: inline-block;
	background-position: left -3727px;
	height: 41px;
	padding-left: 22px;
}

.white-button-big span {
	color: #333333;
	background-position: right -3676px;
	font-size: 16px;
	font-weight: bold;
	line-height: 41px;	
	padding: 0 22px 0 0px;
}

.white-button-big:hover {
	background-position: left -3827px;
}
.white-button-big:hover span {
	color: #81ba10;
	background-position: right -3776px;
}

.white-button-big:active {	
	background-position: left -3927px;
}
.white-button-big:active span {
	color: #92c82f;
	background-position: right -3876px;
}




/* Green button __________________________________________________________________ */

.green-button,
.green-button span {
	text-decoration: none;
	display: inline-block;
	background-position: left -2455px;
	height: 31px;
	padding-left: 14px;
}

.green-button span {
	color: #ffffff;
	background-position: right -2414px;
	font-size: 13px;
	font-weight: bold;
	line-height: 28px;	
	padding: 0 20px 0 6px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.green-button:hover {
	background-position: left -2537px;
}
.green-button:hover span {
	
	background-position: right -2496px;
}

.green-button:active {	
	background-position: left -2619px;
}
.green-button:active span {
	color: #e7fbba;
	background-position: right -2578px;
}

li.last .green-button {
	margin: 80px 0 50px 0;
}

#side_terms .green-button {
	margin-top: 15px;
}

/* Green button __________________________________________________________________ */

.green-button-big,
.green-button-big span {
	text-decoration: none;
	display: inline-block;
	background-position: left -3426px;
	height: 41px;
	padding-left: 22px;
	font-size: 16px;
}

.green-button-big span {
	color: #ffffff;
	background-position: right -3376px;
	font-size: 16px;
	font-weight: bold;
	line-height: 41px;	
	padding: 0 22px 0 0px;
	text-shadow: 0px 1px 2px #6d8837;
}

.green-button-big:hover {
	background-position: left -3526px;
}
.green-button-big:hover span {
	background-position: right -3476px;
}

.green-button-big:active {	
	background-position: left -3626px;
}
.green-button-big:active span {
	color: #e7fbba;
	background-position: right -3576px;
}

/* Gray Button __________________________________________________________________ */

.btn-cancel,
.btn-cancel span {
	text-decoration: none;
	display: inline-block;
	background-position: left -1967px;
	height: 31px;
	padding-left: 13px;
}
.btn-cancel span {
	color: #ffffff;
	background-position: right -2087px;
	font-size: 13px;
	font-weight: bold;
	line-height: 28px;
	
	padding: 0 20px 0 6px;

	text-shadow: 1px 1px 1px gray;
}

.btn-cancel:hover {
	background-position: left -2007px;
}
.btn-cancel:hover span {
	background-position: right -2126px;
}

.btn-cancel:active {
	background-position: left -2047px;
}
.btn-cancel:active span {
	color: #f2f1f1;
	background-position: right -2165px;
}


/* Tab Overlay ________________________________________________ */

.overlay {
	position: relative;
}

.overlay-link {
	display: inline-block;
	position: relative;
	z-index: 30;
}

.overlay-tab {
	background-position: left -1398px;
		
	position: absolute;
	height: 52px;
	width: 200px;
	top: -20px;
	left: -28px;
	
	z-index: 20;
	
	padding-left: 4px;
}

.overlay-tab-inner {
	background-position: right -1462px;
	height: 51px;
}


.overlay-wrapper {
	position: absolute;
	display: none;
	top: 30px;
	left: -30px;
	
	z-index: 10;
}

/* Right aligned tab & wrapper */
.overlay-tab-right {
	background-position: left -1528px;
	height: 51px;
}

.overlay-tab-right .overlay-tab-inner {
	background-position: right -1585px;
	height: 52px;
}

.overlay-wrapper-right {
	left: -317px;
}

.overlay-cap {
	position: relative;
	width: 500px;
}

.overlay-tl {
	background: transparent url(/assets/sprites/sprite-fluid-overlay-tl.png) no-repeat scroll 0 0;
}

.overlay-tr {
	background: transparent url(/assets/sprites/sprite-fluid-overlay-tr.png) no-repeat scroll right top;
	padding-right: 15px;
}

.overlay-bl {
	background: transparent url(/assets/sprites/sprite-fluid-overlay-bl.png) no-repeat scroll left bottom;	
	height: 15px;
	
}

.overlay-br {
	background: transparent url(/assets/sprites/sprite-fluid-overlay-br.png) no-repeat scroll right bottom;	
	height: 15px;
	padding-right: 15px;
}

.overlay-content {
	padding-top: 15px;
	padding-bottom: 15px;
	
	position: relative;
	zoom: 1;
}


/* Fixed width */

.overlay-fixed-width .overlay-tr {
	background-position: right -4px;
	padding-right: 10px;	
}

.overlay-fixed-width .overlay-br {
	padding-right: 10px;
}


/* Transparent Backgrounds ________________________________________________ */
 
.bg-half-width-dark-top,
.bg-half-width-dark-middle,
.bg-half-width-dark-bottom,
.bg-full-width-dark-top,
.bg-full-width-dark-top-nocorner,
.bg-full-width-dark-middle,
.bg-full-width-dark-bottom,
.bg-full-width-dark-bottom-dashed,
.bg-full-width-dark-bottom-dashed-nocorner,
.bg-full-width-light-top,
.bg-full-width-light-top-nocorner,
.bg-full-width-light-middle,
.bg-full-width-light-bottom,
.bg-full-width-light-bottom-dashed,
.bg-full-width-light-bottom-dashed-nocorner {
	display: block;
	background: transparent url(/assets/sprites/sprite-backgrounds.png) no-repeat scroll 0 0;
}

/* bottom promo style */
.bg-half-width-dark-top {
	height: 4px;
	width: 460px;
	overflow: hidden;
	background-position: 0px top;
}
.bg-half-width-dark-middle {
	width: 460px;
	background-position: -500px top;
	background-repeat: repeat-y;
}
.bg-half-width-dark-bottom {
	height: 4px;
	width: 460px;
	overflow: hidden;
	background-position: -1000px bottom;
}

/* FAQ / troubleshooting style */
/** 
 * When expanded, 
 * the top should always be dark
 * and the body (middle) should always be light
 */
.bg-full-width-dark-top,
.bg-full-width-dark-top-nocorner {
	height: 8px;
	width: 940px;
	overflow: hidden;
	background-position: -1500px top;
}

.bg-full-width-dark-top-nocorner {
	background-position: -2500px top;	
}
    
.bg-full-width-dark-middle {
	width: 940px;
	background-position: -2500px top;
	background-repeat: repeat-y;
}
    .htc-accordion-parent-expanded .bg-full-width-dark-middle {
        background-position: -6500px top;
    }
    
.bg-full-width-dark-bottom {
	height: 8px;
	width: 940px;
	overflow: hidden;
	background-position: -3500px -12px;
}
    .htc-accordion-parent-expanded .bg-full-width-dark-bottom {
        background-position: -7500px -12px;
    }
    
.bg-full-width-dark-bottom-dashed,
.bg-full-width-dark-bottom-dashed-nocorner {
	height: 9px;
	width: 940px;
	overflow: hidden;
	background-position: -4500px -11px;
}
    .htc-accordion-parent-expanded .bg-full-width-dark-bottom-dashed {
        background-position: -8500px -11px;    
    }

.bg-full-width-dark-bottom-dashed-nocorner {
	
}

.bg-full-width-light-top,
.bg-full-width-light-top-nocorner {
	height: 8px;
	width: 940px;
	overflow: hidden;
	background-position: -5500px top;
}
    .htc-accordion-parent-expanded .bg-full-width-light-top {
        background-position: -1500px top;        
    }

.bg-full-width-light-top-nocorner {
	background-position: -6500px top;
}
    
.bg-full-width-light-middle {
	width: 940px;
	background-position: -6500px top;
	background-repeat: repeat-y;
}
.bg-full-width-light-bottom {
	height: 8px;
	width: 940px;
	overflow: hidden;
	background-position: -7500px -12px;
}
.bg-full-width-light-bottom-dashed,
.bg-full-width-light-bottom-dashed-nocorner {
	height: 9px;
	width: 940px;
	overflow: hidden;
	background-position: -8500px -11px;
}


.bg-full-width-light-bottom-dashed-nocorner {
	background-position: -9500px -11px;
}



.bg-full-width-dark-bottom-dashed-nocorner {
	background-position: -10500px -11px;
}



/* HTC Accordion  ________________________________________________ */
.htc-accordion {}
.htc-accordion-toggle {
	background-position: right -330px;
	cursor: pointer;
	display: block;
	color: #999999;
	font-size: 12px;
	height: 22px;
	line-height: 22px;
	font-weight: normal;
	padding-right: 30px;
	position: absolute;
	right: 15px;
	top: 50%; /* center vertically*/
	margin-top: -10px; /* center vertically*/
}

/* add content margins */
.htc-accordion .bg-full-width-dark-middle,
.htc-accordion .bg-full-width-light-middle {
	padding: 0px 20px 0px 20px;
	width: 900px;
}

.htc-accordion-item-hover .htc-accordion-toggle  {
	color: #b2b2b2;
	background-position: right -360px;
}
.htc-accordion-toggle-expanded  {
	background-position: right -390px;
}
.htc-accordion-item-hover .htc-accordion-toggle-expanded  {
	background-position: right -420px;
}

.htc-accordion-item-hover >:first-child { 
	color: #b2b2b2;
}

.htc-accordion-item-divider {
	display: block;
	border-bottom: 1px solid #d5d5d5;
	padding-top: 8px;
	margin-bottom: 22px;
	width: 940px;
	margin-left: -20px;
}

/* Overlay popup ______________________________________________ */

.overlay-popup-container
{
	position: absolute;
	z-index: 12000;
	zoom: 1;
}

.overlay-popup
{
	position: relative;
	border: 1px solid #999999;
	background: #FFFFFF;
	min-width: 200px;
	max-width: 850px;
	
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px; 
	border-radius: 12px;

	-moz-box-shadow: 0px 4px 10px rgba(0,0,0,0.2); 
	-webkit-box-shadow: 0px 4px 10px rgba(0,0,0,0.2); 
	box-shadow: 0px 4px 10px rgba(0,0,0,0.2); 
}

.modal-overlay-popup-background {
	background: url(/assets/sprites/modal-overlay-popup-background.png);
	display: block;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 10002;
}

.no-br .overlay-popup
{
	background: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0; 
	border-radius: 0;
	-moz-box-shadow: none; 
	-webkit-box-shadow: none; 
	box-shadow: none;
	border: none;
	margin: 0 -6px 0 -6px;
}

.no-br .overlay-header
{
	padding: 0 20px 0 20px;
	margin: 0 8px -22px 8px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0; 
	border-radius: 0;
	position: relative;
}

.no-br .overlay-content
{
	padding: 15px 15px 5px 15px;
	margin: 22px 8px 22px 8px;
	background-color: #FFF;
	position: relative;
}

.no-br .overlay-popup-header-with-content,
.no-br .overlay-popup-header {
	height: 22px;
	position: relative;
	margin-bottom: -22px;
	margin-top: -5px;
}

.no-br .overlay-popup-header-with-content {
	margin-bottom: 0;
}

.no-br .overlay-popup-footer {
	height: 25px;
	position: relative;
	margin-top: -22px;
	margin-bottom: -12px;
}

.overlay-header h1 {
	padding: 0;
	display: block;
}

.no-br .overlay-header h1 {
	padding-bottom: 15px;
}

.no-br .overlay-t-mid,
.no-br .overlay-b-mid {
	height: 22px;
	margin: 0 22px 0 22px;
	background: url(/assets/sprites/sprite-overlay-popup-nobr-rep-vert-white.png) repeat-x left top;
}

.no-br .overlay-popup-header-with-content .overlay-t-mid {
	background: url(/assets/sprites/sprite-overlay-popup-nobr-rep-vert-gray.png) repeat-x left top;
}

.no-br .overlay-b-mid {
	height: 25px;
	background: url(/assets/sprites/sprite-overlay-popup-nobr-rep-vert-white.png) repeat-x left -30px;
}

.no-br .overlay-content-shadow-left,
.no-br .overlay-content-shadow-right {
	height: 100%;
	position: absolute;
	width: 10px;
	right: 0;
	top: 0;
}

.no-br .overlay-content-shadow-left {
	right: auto;
	left: 0;
	margin-left:-10px;
}

.no-br .overlay-content-shadow-right {
	margin-right: -10px;
	background: url(/assets/sprites/sprite-overlay-popup-nobr-hor-repeat.png) repeat-y right top;
}

.no-br .overlay-content-shadow-left {
	background: url(/assets/sprites/sprite-overlay-popup-nobr-hor-repeat.png) repeat-y left top;
}

.no-br .overlay-corner-tl,
.no-br .overlay-corner-tr,
.no-br .overlay-corner-bl,
.no-br .overlay-corner-br {
	background: url(/assets/sprites/sprite-overlay-popup-nobr.png) no-repeat left top;
}

.no-br .overlay-corner-tl,
.no-br .overlay-corner-tr,
.no-br .overlay-corner-bl,
.no-br .overlay-corner-br {
	position: absolute;
	top: 0;
	left: 0;
	width: 22px;
	height: 22px;
}

.no-br .overlay-popup-header-with-content .overlay-corner-tl {
	background-position: -56px 0;
}

.no-br .overlay-corner-tr
{
	left: auto;
	right: 0;
	background-position: -30px 0;
}

.no-br .overlay-popup-header-with-content .overlay-corner-tr {
	background-position: -86px 0;
}

.no-br .overlay-corner-bl
{
	top: auto;
	bottom: 0;
	background-position: 0 -30px;
	height: 25px;
}

.no-br .overlay-corner-br
{
	left: auto;
	top: auto;
	bottom: 0;
	right: 0;
	background-position: -30px -30px;
	height: 25px;
}

.overlay-header,
.overlay-content
{
	
	padding: 20px;
	position: relative;
}

.overlay-header
{
	
	
	-moz-border-radius: 12px 12px 0 0;
	-webkit-border-radius: 12px 12px 0 0; 
	border-radius: 12px 12px 0 0;
}

.overlay-content {

}

.tabbed .overlay-header
{
	padding: 0;
	white-space: nowrap;
	background-color: #f3f3f3;
	z-index: 10;
}

.overlay-close,
.modal-close {
	top: 10px;
	right: 10px;
	display: block;
	position: absolute;
	width: 22px;
	height: 22px;
	text-indent: -30000px;
	z-index: 12000;
}

.overlay-popup h1
{
	color: #4a4a4a;
	font-weight: bold;
	font-size: 20px;
}

.overlay-popup .tabholder
{
	padding: 20px 20px 0 20px;
	white-space: nowrap;
	display: block;
	border-bottom: 1px solid #b1b1b1;
	height: 39px;
}

.no-br .overlay-popup .tabholder
{
	padding: 0 20px 0 20px;
}

.overlay-popup .tab
{
	display: inline-block;
    height: 39px;
    margin-right: 2px;
}

.overlay-popup .tab a
{
	display: inline-block;
	white-space: nowrap;
	font-size: 14px;
    font-weight: bold;
    height: 28px;
    line-height: 20px;
    padding: 10px 30px 0 30px;
    text-decoration: none;
	
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0; 
	border-radius: 6px 6px 0 0;
	border: 1px solid #8a8d91;
	border-bottom: 1px solid #b1b1b1;
	background: #8f9297;
	color: #FFFFFF;
	text-shadow: 0 1px 0 #7B7D82;
}

.overlay-popup .tab a.active
{
	border: 1px solid #d2d2d2;
	border-bottom: 1px solid #FFFFFF;
	background: #ffffff;
	color: #333333;
    text-shadow: none;
}

.overlay-tail
{
	position: absolute;
	width: 30px;
	height: 30px;
	background: url(/assets/sprites/sprite-overlay-popup.png) no-repeat 0 0;
	
	
}


/* Confirmation Popup ________________________________ */

.confirmation-popup {
	z-index: 12000;
	position: absolute;
	left: 0;
	top: 0;
	color: #4c4c4c;
}

.confirmation-popup-inner {	
	width: 426px;
	height: 266px;
	background: white;
	padding: 0;
  background: url(/assets/sprites/sprite-confirmation-popup.png) 0 0 no-repeat;
}

.confirmation-popup-header,
.confirmation-popup-footer {
	height: 19px;
	width: 306px;
}

.confirmation-popup-footer {
	background-position: bottom center;
}

.confirmation-popup-message {
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	padding-top: 115px;
}

.confirmation-popup-message span {
	width: 225px;
	display: block;
	margin: 0 auto;
	padding: 0 0 4px 0;
}

.confirmation-popup-message-small {
	text-align: center;
	font-weight: bold;
	font-size: 14px;
}

.confirmation-popup-buttons {
	height: 30px;
	position: absolute;
	float: left;
	left: 50%;
	margin-left: 4px;
	bottom: 19px;
}

.confirmation-popup-buttons-inner {
	position: relative;
	left: -50%;
}

.confirmation-popup-buttons-inner .white-button {
	margin-right: 10px;
}



/* Paginate Dropdown Component ________________________________________________ */


.p-dropdown {
	width: 250px;
	position: relative;
	margin-bottom: 10px;
	outline: none; 
}

.p-dropdown-list {
	display: none;
	position: absolute;
	top: 63px;
	width: 100%;
	z-index: 999;
}

.p-dropdown-button,
.p-dropdown-label {
  background: transparent url(/assets/sprites/sprite-global.png) no-repeat scroll left 0;
  padding-left: 10px;
	font-size: 30px;
	line-height: 55px;
	color: #b3b3b3;
	cursor: pointer;
	outline: none;
	height: 59px;
}

.p-dropdown-button {
	background-position: left -781px;
	padding-left: 12px;
  width: 449px;
}

.p-dropdown-label {
	background-position: right -857px;
}

.p-dropdown-label:active {
	background-position: right -1037px;
}

.p-dropdown-label span.star {
  font-size: 26px;
}
 
.p-dropdown-error .p-dropdown-button {
	padding-left: 12px;
}

.p-dropdown-error .p-dropdown-label {
}

.p-dropdown-button:active {
	background-position: left -961px;
}

.p-dropdown-button:hover .p-dropdown-label {
	color: #84c312;
}

.open .p-dropdown-button,
.open .p-dropdown-button:hover {
}

.open .p-dropdown-label,
.open .p-dropdown-label:hover {
	color: #84c312;
}

.p-dropdown-label span {
	display: block;
	padding-top: 2px;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);  
}

.p-dropdown-up, 
.p-dropdown-up span {	
	height: 31px;
}

.p-dropdown-down, 
.p-dropdown-down span { 
	height: 31px;
}

.p-dropdown-up, 
.p-dropdown-down {
	position: relative;
	padding-left: 19px;
	cursor: pointer;
}

.p-dropdown-up {
	background-position: left -318px;	
} 

.p-dropdown-down {
	background-position: left -356px;
}

.p-dropdown-up span {
	background-position: right -398px;	
} 

.p-dropdown-down span {
	background-position: right -436px;
}


/* Up/Down Hover */
.p-dropdown-up-hover {
	background-position: left -638px;
} 

.p-dropdown-down-hover {
	background-position: left -675px;
}

.p-dropdown-up-hover span {
	background-position: right -716px;
} 

.p-dropdown-down-hover span {
	background-position: right -753px;
}

/* Up/Down Disabled */
.p-dropdown-up-disabled {
	background-position: left -478px;	
}

.p-dropdown-down-disabled {
	background-position: left -517px;
}

.p-dropdown-up-disabled span {
	background-position: right -555px;	
}

.p-dropdown-down-disabled span {
	background-position: right -594px;
}


/* DropDown Link States */
.p-dropdown-up a,
.p-dropdown-down a {
	position: absolute;
	left: 85px;
	top: 14px;
	width: 12px;
	height: 6px;
	text-indent: -9999em;
} 

.p-dropdown-up a {
	background-position: left -297px;	
} 

.p-dropdown-down a {
	background-position: -17px -297px;	
}

.p-dropdown-up-hover a {
	background-position: -39px -297px;	
} 

.p-dropdown-down-hover a {
	background-position: -56px -297px;	
}

.p-dropdown-up-disabled a {
	background-position: -78px -297px;	
}

.p-dropdown-down-disabled a {
	background-position: -92px -297px;	
}


.p-dropdown-wrapper ul {
 	display: block;
  width: 396px;
}


/* List Items */

.p-dropdown-wrapper li,
.p-dropdown-wrapper li div {
	display: block;
	cursor: pointer;
	height: 30px;
}

.p-dropdown-wrapper li {
	background-position: left -4797px;
	padding-left: 5px;
}

.p-dropdown-wrapper li div {
	background-position: right -4834px;
}

.p-dropdown-wrapper li:hover,
.p-dropdown-wrapper li.selected {
	background-position: left -4870px;
	padding-left: 5px;
}

.p-dropdown-wrapper li:hover div,
.p-dropdown-wrapper li.selected div {
	background-position: right -4907px;
}

.p-dropdown-wrapper li div {
  padding-left: 6px;
}

/* Top items */

.p-dropdown-wrapper li.p-dropdown-first,
.p-dropdown-wrapper li.p-dropdown-first div {
	height: 31px;
}

.p-dropdown-wrapper li.p-dropdown-first {
	background-position: left -4648px;
}

.p-dropdown-wrapper li.p-dropdown-first div {
	background-position: right -4685px;
}

.p-dropdown-wrapper li.p-dropdown-first:hover,
.p-dropdown-wrapper li.p-dropdown-first.selected {
	background-position: left -4722px;
}

.p-dropdown-wrapper li.p-dropdown-first:hover div,
.p-dropdown-wrapper li.p-dropdown-first.selected div {
	background-position: right -4760px;
}


/* Bottom items */

.p-dropdown-wrapper li.p-dropdown-last,
.p-dropdown-wrapper li.p-dropdown-last div {
	height: 34px;
}

.p-dropdown-wrapper li.p-dropdown-last {
	background-position: left -4944px;
}

.p-dropdown-wrapper li.p-dropdown-last div {
	background-position: right -4981px;
}

.p-dropdown-wrapper li.p-dropdown-last:hover,
.p-dropdown-wrapper li.p-dropdown-last.selected {
	background-position: left -5016px;
}

.p-dropdown-wrapper li.p-dropdown-last:hover div,
.p-dropdown-wrapper li.p-dropdown-last.selected div {
	background-position: right -5051px;
}

.p-dropdown-wrapper li span {
	display: inline-block;
	padding-top: 6px;
	padding-left: 12px;
	padding-right: 12px;
	
	color: #4a4a4a;
}

.p-dropdown-wrapper li:hover span,
.p-dropdown-wrapper li.selected span {
	color: black;
}