/*
xDirectory Mobile App
*/

html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6{  
    font-family:"Helvetica", "Verdana", "Trebuchet MS", "Arial", "Sans-serif";
    margin:0;  
    padding:0;  
    -webkit-text-size-adjust:100%;
    } 
body {    
    background:#f4f4f4;
    }
    
#content{width:100%;padding:0px;margin-left: auto;margin-right:auto;margin-top:0px;margin-bottom:10px;}

#content a {
	text-decoration: none;
}

#content a.showLink {
	text-decoration: none;
	color: #006699;
}

a[selected="progress"] {
    background-image: url(/common/iPhone/graphics/loading.gif), url(/common/iPhone/graphics/selection.png) !important;
}

input, select, textarea {
	margin : 5px 0;
	padding : 10px;
	font-size: auto;
	background-color : #f4f4f4;
	border-width : 1px;
	border-style : solid;
  	border-color : #999999 #cccccc #cccccc #999999; 
}

img {
	border : 0px;
}


a{webkit-tap-highlight-color:rgba(0,0,0,0);}
a.main{color:#222222;}
a.main:hover{text-decoration:none;color:#666666;}
#about,#search,#language{font-size:medium;padding:5px 0px 10px 0px;}
#topheader{font-size:large;background:#003366;color:#FFFFFF;text-align:center;padding:3px;}
#header{font-size:medium;border-bottom: solid 1px #cccccc;background:#990000;color:#FFFFFF;text-align:center;padding:3px;}

#menu{font-size:medium;background:#e7e7e7;border-bottom: solid 1px #cccccc;padding: 5px;text-align:center;}
#menu a{font-weight: bold;text-decoration:none;color:#CCCCCC;}
#menu a:hover{font-weight: bold;color:#666666;}

#leftcolumn {display:block;background:#33CC00; width: 50%; border-right: 1px solid white; border-bottom: 1px solid white; float: left; text-align: center;}
#rightcolumn {display:block;background:#CC0000; width: 49%; border-bottom: 1px solid white; float: right; text-align: center;}
.clear { clear: both;}

#headtitle{display:block;width:100%;background:inherit;font-weight: Bold;font-size: large;color: #666666;text-align:center;padding: 15px 0px 5px 0px;}
#headtitle a{display:block;width:100%;background: #333333 url("../img/title-back-bttn.png") no-repeat;background-position: 5px 50%;font-weight: Bold;font-size: large;color: #ffffff;text-align:center;text-decoration:none;}

#message{border-radius: 5px;-moz-border-radius: 5px;border:solid 2px #333333;padding: 10px 10px 10px 10px;margin-left:10px;margin-right:10px;background: #cccccc; width: 300px;}

.round-corners{border-radius: 5px;-moz-border-radius: 5px;}


#content ul {display:block;list-style-type:none;margin:0px;padding-left:0px;}
#content ul li:nth-child(even) {background:#f4f4f4;border-top:solid 1px #CCCCCC;color:#000000;}
#content ul li:nth-child(odd) {background:#ffffff;border-top:solid 1px #CCCCCC;color:#000000;}
#content ul:nth-last-child(1){border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;-moz-border-radius-bottomleft: 8px;-moz-border-radius-bottomright: 8px;}
#content ul:nth-first-child(1){margin-top: 10px;border-top-left-radius: 8px;border-top-right-radius: 8px;-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;}

#content ul li.noLinkList {display:block; padding: 10px 10px 10px 10px;background:#ffffff;color:#000000;border-top:solid 0px;}
#content ul li.noLinkList:nth-child(even) {background:#f4f4f4;border-top:solid 1px #CCCCCC;color:#000000;}
#content ul li.noLinkList:nth-child(odd) {background:#ffffff;border-top:solid 1px #CCCCCC;color:#000000;}
#content ul li.noLinkTitle {display:block; padding: 10px 10px 10px 10px;background:#ffcc66;color:#000000;border-bottom:#cc9933 solid 1px;}
#content ol li.noLinkHeader {display:block;padding: 10px 10px 10px 10px;background:#BFDBEE;color:#000000;border-top:solid 0px;border-radius: 5px;-moz-border-radius: 5px;}
#content ul li.noLinkCheck {display:block;padding: 5px 5px 5px 25px;background:#ffffff url("../img/check-mark.png") no-repeat;background-position: 5px 50%;color:#000000;}
#content ul li.noLinkCheck a{color:#000000;}
#content ul li.noLinkCheck a.hover{color:#000000;}

#content ul li.date{background:#CCCCCC;line-height:160%;}

#content ul li.prm a{
	display:block;
	background:transparent url("../img/star_prm.gif") no-repeat;
	background-position: 3px 50%; 
	text-decoration:none;
	font-size:medium;
	color:#222222;
	padding: 10px 10px 10px 45px;}
    
#content ul li.prm a:hover{
	display:block;
	text-decoration:none;
	background:#D4ECFC url("../img/star_prm.gif") no-repeat;
	background-position: 3px 50%; 
	color:#000000;
	padding: 10px 10px 10px 45px;
}

.menuname{
margin-left:7px;
margin-top:11px;
width:auto;
color:#000;
font-weight:bold;
font-size:17px;
text-overflow:ellipsis;
overflow:hidden;
max-width:75%;
white-space:nowrap;
float:left}

ul.menu span.arrow,body.musiclist span.arrow,body.list span.arrow{position:absolute;
width:8px;
height:13px;
right:10px;
top:15px;
background:url("../img/right-arrow-blk.gif") no-repeat}

ul.menu li a img{width:auto;
height:50px;
margin-top:2px;
margin-left:5px;
float:left}

#content div.precoupon {
    border-radius: 5px;
    -moz-border-radius: 5px;
    border:dashed 2px #333333;
    padding: 10px 10px 10px 10px;
    margin-left:10px;
    margin-right:10px;
    background: #FF9999;
}

#content div.precoupon a{
    color: #333333;
    display: block;
    text-decoration:none;
}
border-bottom-left-radius	
-moz-border-radius-bottomleft

#phoneButton {border-radius: 5px;-moz-border-radius: 5px;padding: 10px 10px 10px 10px;margin-bottom: 10px;background: #ffffff;font-weight: Bold;text-align:center;font-size: 1.8em;}

#content ul li a{display:block;text-decoration:none;background:inherit url("../img/right-arrow-blk.gif") no-repeat;background-position: 95% 50%;font-size:medium;color:inherit;padding: 10px 10px 10px 10px;}
#content ul li a:hover{display:block;text-decoration:none;background:inherit url("../img/right-arrow-blk.gif") no-repeat;background-position: 95% 50%;color:inherit;padding: 10px 10px 10px 10px;}

ul.W-menu li:last-child{background:#cccccc url("../img/right-arrow-blk.gif") no-repeat;background-position: 95% 50%;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;-moz-border-radius-bottomleft: 8px;-moz-border-radius-bottomright: 8px;}
ul.W-menu li:first-child{margin-top: 10px;background:#ffffff url("../img/right-arrow-blk.gif") no-repeat;background-position: 95% 50%;border-top-left-radius: 8px;border-top-right-radius: 8px;-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;}

#content ul li.top {border-top-left-radius: 8px;border-top-right-radius: 8px;-moz-border-radius-topleft:8px 8px;-moz-border-radius-topright:8px 8px;border-bottom:0px;}
#content ul li.bottom {border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;-moz-border-radius-bottomleft: 8px 8px;-moz-border-radius-bottomright: 8px 8px;border-bottom:0px}

#content ol {display:block;list-style-type:none;margin:0px;padding-left:0px;width:100%;}
#content ol li {display:block;color:#333333;padding: 0px 0px 0px 0px;}
#content ol li:last-child{border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;-moz-border-radius-bottomleft: 8px 8px;-moz-border-radius-bottomright: 8px 8px;}

#content ol li.nettopmenu a {background:#c5c5c5 url("../img/listArrow_grey.png") no-repeat right center;text-decoration:none;font-size : 1.2em;display:block;color:#000000;border-bottom:solid 1px #a8a8a8;padding: 10px 10px 10px 10px;border-top-left-radius: 5px;border-top-right-radius: 5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;margin-top: 10px;}
#content ol li.netbottommenu a{background:#c5c5c5 url("../img/listArrow_grey.png") no-repeat right center;text-decoration:none;font-size : 1.2em;display:block;color:#000000;padding: 10px 10px 10px 10px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;-moz-border-radius-bottomleft: 5px;-moz-border-radius-bottomright: 5px;border-bottom:0px}

#content ol li.menuArrow {background:#c5c5c5 url("../img/listArrow_grey.png") no-repeat right center;padding: 10px 10px 10px 10px;display:block;}

#content ol li.net a{background:#c5c5c5 url("../img/listArrow_grey.png") no-repeat right center;text-decoration:none;font-size : 1.2em;display:block;color:#000000;border-bottom:solid 1px #a8a8a8;padding: 10px 10px 10px 10px;}

#content ol li.topmenu a{background:#CCFFCC url("../img/listArrow_grey.png") no-repeat right center;text-decoration:none;font-size : 1.2em;display:block;color:#000000;border-bottom:solid 1px #333333;padding: 10px 10px 10px 10px;border-top-left-radius: 8px;border-top-right-radius: 8px;-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;margin-top: 10px;}
#content ol li.bottommenu a{background:#CCFFCC url("../img/listArrow_grey.png") no-repeat right center;text-decoration:none;font-size : 1.2em;display:block;color:#000000;padding: 10px 10px 10px 10px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;-moz-border-radius-bottomleft: 8px;-moz-border-radius-bottomright: 8px;border-bottom:0px}
#content ol li.bottommenu a:active{background:#CCFFCC url("../img/listArrow_grey.png") no-repeat right center;text-decoration:none;font-size : 1.2em;display:block;color:#000000;padding: 10px 10px 10px 10px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;-moz-border-radius-bottomleft: 8px;-moz-border-radius-bottomright: 8px;border-bottom:0px}

/* #content ol li a{background:#CCFFCC url("../img/listArrow_grey.png") no-repeat right center;text-decoration:none;font-size : 1.2em;display:block;color:#000000;border-bottom:solid 1px #333333;padding: 10px 10px 10px 10px;} */

#content div.coupon { border-radius: 5px;-moz-border-radius: 5px;border:dashed 2px #333333;padding: 10px 10px 10px 10px;margin-left:10px;margin-right:10px;background: #CCFFCC;}

/************************************************************************************************/
/* ----------------- boxes -------------------*/
/************************************************************************************************/

#content div.box {
display: block;
    color: #333333;
    display: block;
    text-decoration:none;
    padding: 10px 10px 10px 10px;

}

#content div.roundbox {
display: block;
    background-color: #ffffff;
    color: #333333;
    display: block;
    text-decoration:none;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px 10px 10px 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

#content div.boxTop {
display: block;
    display: block;
    text-decoration:none;
    margin-top: 20px;
    margin-bottom: 0px;
    padding: 10px 10px 10px 10px;
    border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -khtml-border-radius: 5px 5px 0px 0px;
}

#content div.boxMiddle {
display: block;
    display: block;
    text-decoration:none;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 10px 10px 10px 10px;

}

#content div.boxMiddle a{
	color:#333333;
}
#content div.boxBottom {
display: block;
    display: block;
    text-decoration:none;
    margin-top: 0px;
    margin-bottom: 10px;
    padding: 10px 10px 10px 10px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    -khtml-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
}

/************************************************************************************************/
/* ----------------- boxes -------------------*/
/************************************************************************************************/

#content div.searchBar {
    background-color: #999999;
    color: #ffffff;
    display: block;
    padding: 4px 10px 4px 10px;
    text-decoration:none;
     border-radius: 5px;
    -moz-border-radius: 5px;
    margin-left: auto;margin-right:auto;
    text-align: center;
}

textarea, input.searchBar { 
  background-color: #f4f4f4;
  width:100%;
  box-sizing: border-box;
  color: #333333;
  padding: 10px;
  font-size: 1.2em;
  	border-radius: 5px; 
    -moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-webkit-appearance: none;
}

input.searchBar:hover {
	background-color: #eeeeee;
	border-width : 1px;
	border-style : solid;
  	border-color : #666666; 
  	}
  	
input.searchBar:focus {
	outline:0;
	background-color: #eeeeee;
	border-width : 1px;
	border-style : solid;
  	border-color : #666666;
  	}

#content div.button a{
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 10px 10px 10px;
    text-align: center;
    font-weight: bold;
}

#container .search-icon{
  position: absolute;
  margin-left: -40px;
  margin-top: 10px;
  z-index: 20;
  color: #4f5b66;
  width:30px;
  border: 0px;
  background: transparent;
}
        
        
#content div.redbutton a{
     border-radius: 5px;
    -moz-border-radius: 5px;
    border:solid 1px #333333;
    background-color: #FF0000;
    color: #ffffff;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    padding: 10px 10px 10px 10px;
    text-decoration:none;
    text-align: center;
    font-weight: bold;
}

#content div.greenbutton a{
     border-radius: 5px;
    -moz-border-radius: 5px;
    border:solid 0px #333333;
    background-color: #7A9E9F;
    color: #ffffff;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    padding: 10px 10px 10px 10px;
    text-decoration:none;
    text-align: center;
    font-weight: bold;
}

#content div.bluebutton a{
     border-radius: 5px;
    -moz-border-radius: 5px;
    border:solid 0px #333333;
    background-color: #7A9E9F;
    color: #ffffff;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    padding: 10px 10px 10px 10px;
    text-decoration:none;
    text-align: center;
    font-weight: bold;
}

#content div.greybutton a{
     border-radius: 5px;
    -moz-border-radius: 5px;
    border:solid 1px #cccccc;
    background-color: #dddddd;
    color: #333333;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    padding: 10px 10px 10px 10px;
    text-decoration:none;
    text-align: center;
    font-weight: bold;
}
#content div.orangebutton a{
     border-radius: 5px;
    -moz-border-radius: 5px;
    border:solid 1px #333333;
    background-color: #ff6600;
    color: #ffffff;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    padding: 10px 10px 10px 10px;
    text-decoration:none;
    text-align: center;
    font-weight: bold;
}
/************************************************************************************************/
/* ----------------- button -------------------*/
/************************************************************************************************/
button.basic {
    display: block;
    border:solid 0px #333333;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 10px 10px 10px;
    text-decoration:none;
    width: 100%;
}
/************************************************************************************************/
/* ----------------- button -------------------*/
/************************************************************************************************/

input.mobButton { 
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  box-sizing: border-box;
  background-color: #009900;
  margin: 10px;
  color: #ffffff;
  font-size: 1.2em;
  border-radius: 5px;
    -moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-webkit-appearance: none;
}

/************************************************************************************************/
/* ----------------- Forms -------------------*/
/************************************************************************************************/

input.mobButton:hover {background-color: #519eec;}
input.mobButton:active {background-color: #ff0000;}

textarea, input.mobField2 { 
  width:60%;
  box-sizing: border-box;
  padding: 10px;
  margin: 10px;
  color: #000;
  font-size: 1.2em;
  	border-radius: 5px; 
    -moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-webkit-appearance: none;
}

textarea, input.mobField { 
  width:95%;
  box-sizing: border-box;
  padding: 10px;
  margin: 10px;
  color: #333333;
  font-size: 1.2em;
  	border-radius: 5px; 
    -moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-webkit-appearance: none;
}

input.mobCheck {
	outline:0;
	background-color: #eeeeee;
	border-width : 1px;
	border-style : solid;
  	border-color : #009900;
  	font-size: 1.2em;
  	}
  	
input.mobField:hover {
	background-color: #eeeeee;
	border-width : 1px;
	border-style : solid;
  	border-color : #009900; 
  	}
  	
input.mobField:focus {
	outline:0;
	background-color: #eeeeee;
	border-width : 1px;
	border-style : solid;
  	border-color : #009900;
  	}

select.mobSelect { 
  width:95%;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 10px;
  color: #333333;
  font-size: 1.2em;
  	border-radius: 5px; 
    -moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-webkit-appearance: none;
}

select.mobSelect:hover {background-color: #eeeeee;}

input.formButton { 
  background-color: #339933;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  border:none;
  margin: 5px;
  color: #ffffff;
  font-size: 1.2em;
  	border-radius: 5px;
    -moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-webkit-appearance: none;
}
input.formButton:hover {background-color: #519eec;}
input.formButton:active {background-color: #ff0000;}

/************************************************************************************************/
/* ------- Top Navigation --------*/
/************************************************************************************************/

#topNav{width:100%;padding:0px;}
#topNav ul {
	width:100%;
	float : left;	
 	height : 25px;		
	margin : 5px 0 0 5;	
	padding : 0 0 0 0px;					
}
#topNav ul li {
	float : left;
	margin : 0;
  	padding : 0 0 0 10px;
  	list-style-type: none;		
}
#topNav ul li a {
	padding : 0 15px 0 5px;
	color: #333;
	text-decoration : none;	
	font : bold 15px/25px "Trebuchet MS", "Helvetica Neue", Arial, sans-serif;		
}

#topNav ul li.navButton a{
	border-radius: 5px;
	-moz-border-radius: 5px;
	background:transparent; 
	text-decoration:none;
	font-size : 1.0em;
	display:block;
	color:#ffffff;
	border:solid 1px transparent;
	padding: 0px 4px 0px 4px;
	}
#topNav ul li.navButton a:hover{
	border-radius: 5px;
	-moz-border-radius: 5px;
	background:#ffffff;
	text-decoration:none;
	font-size : 1.0em;
	display:block;
	color:#333333;
	border:solid 1px #ffffff;
	padding: 0px 4px 0px 4px;
	}

//#topNav ul li.navButton a{background:transparent; text-decoration:none;display:block;color:#ffffff;border:solid 1px transparent;padding: 0px 4px 0px 4px;width:25%;}
//#topNav ul li.navButton a:hover{background:#ffffff; text-decoration:none;display:block;color:#333333;border:solid 1px #ffffff;padding: 0px 4px 0px 4px;width:25%;}


input, textarea {padding: 2px; font: 1em 'Lucida Grande', sans-serif}

#image{display:block;margin:0px;width:100%;padding:0px;height:75px;background:#ffffff url("../img/uln-mobile-header5.png") no-repeat;background-position: 50% 50%;border-bottom:solid 2px #333333;text-align:center;}

#image1{display:block;margin:0px;width:100%;padding:0px;height:120px;background:#ffffff url("../img/banner-header-promo2.jpg") no-repeat;border-bottom:solid 2px #333333;text-align:center;}

#MenuHeader{margin:0px;width:100%;padding:0px;height:35px;background:auto;text-align:right;}
#MenuHeaderUser{margin:0px;width:100%;padding:0px;height:35px;background:auto;text-align:right;}
#SubMenu{margin:0px;width:100%;padding:0px;height:35px;background:auto;text-align:right;}
#MenuHeaderTrial{margin:0px;width:100%;padding:3px;background:#ffcc33;text-align:center;}

/************************************************************************************************/
/* ------- Footer Settings --------*/
/************************************************************************************************/

#footer{font-size:medium;background-color:transparent;color:#666666;padding:5px;text-align:center;height: 200px;}
#footer a{text-decoration:none;padding:3px 0px 3px 0px;color:#cccccc;}
#footer a:hover{color:#333333;}
.footerLogo{vertical-align:middle;}


/************************************************************************************************/
/* ------- VIDEO CONTAINER --------*/
/************************************************************************************************/

.vContainer {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.video {
    position: absolute;
    top: 0;
    left: 0;
	width: 100%;
	height: 100%;
}

/************************************************************************************************/
/* ------- padding --------*/
/************************************************************************************************/

.padding {padding:10px;}
.paddingTop {padding-top:10px;}

/************************************************************************************************/
/* ------- Margins --------*/
/************************************************************************************************/

.topMargin {margin-top:10px;}
.bottomMargin {margin-bottom:10px;}
.leftMargin {margin-left:10px;}
.rightMargin {margin-right:10px;}
.margin {margin:10px;}

/************************************************************************************************/
/* ------- Borders --------*/
/************************************************************************************************/

.borderWhite {border-color:#FFFFFF;}
.borderGreen {border-color:#009900;}
.borderGrey {border-color: #cccccc;}

.borderW1 {border-width:1px;}
.borderW2 {border-width:2px;}
.borderW3 {border-width:3px;}
.borderW5 {border-width:5px;}
.borderW10 {border-width:10px;}

.borderSolid {border-style:solid;}
.borderDashed {border-style:Dashed;}

.roundBorder {border-radius: 5px;-moz-border-radius: 5px;}
.roundBorder10 {border-radius: 10px;-moz-border-radius: 5px;}

.noBorder {border: 0px}

.width50 {width:50%;}

/************************************************************************************************/
/* ------- Colors --------*/
/************************************************************************************************/

.white {background:#FFFFFF;}
.orange {background:#ff6600;}
.dkorange {background:#cc6600;}
.green {background:#339933;}
.green2 {background:#33CC33;}
.ltgreen {background:#ccffcc;}
.realRed {background:#FF0000;}
.red {background:#FF6666;}
.ltred {background:#ffcccc;}
.ltyellow {background:#ffffcc;}
.blue {background:#006699;}
.ltblue {background:#BFDBEE;}
.ltgrey {background:#cccccc;}
.dkgrey {background:#666666;}

.gold {background:#eeca00;}

#content input.dkgrey {background:#666666;}
#content input.red {background:#ffcccc;}
#content input.red:hover {background:#ffffff;}
#content input.green {background:#339933;}
#content input.green:hover {background:#0099ff;}

.BGcolor1 {background-color: #4F6377;}
.BGcolor2 {background-color: #7A9E9F;}
.BGcolor3 {background-color: #B8D8D8;}
.BGcolor4 {background-color: #EEF5DB;}
.BGcolor5 {background-color: #FE5F55;}
.BGcolor6 {background-color: #ABD852;}

.whiteLink a{color:#fff;}

/* .BGcolor1 {background-color: #247BA0;} */
.BGcolor2 {background-color: #70C1B3;}
.BGcolor3 {background-color: #FFE066;}
.BGcolor4 {background-color: #EEF5DB;}
/* RED Standard */
.BGcolor5 {background-color: #F25F5C;}
.BGcolor6 {background-color: #ABD852;}

.BGcolor1 {background-color: #3a3a3a;}
.BGcolor2 {background-color: #456F74;}
.BGcolor3 {background-color: #EDB92F;}
.BGcolor4 {background-color: #94B1B5;}
.BGcolor5 {background-color: #EB5937;}
.BGcolor6 {background-color: #6DFF0D;}

.BGcolor1 {background-color: #222;}
.BGcolor2 {background-color: #456F74;}
.BGcolor3 {background-color: #EDB92F;}
.BGcolor4 {background-color: #94B1B5;}
.BGcolor5 {background-color: #EB5937;}
.BGcolor6 {background-color: #6DFF0D;}

.BGlight {background-color: #c5c5c5;}

.BGmainOrange {background-color: #ff6600;}

.BGmainRed {background-color: #ff3300;}
.BGmainRed2 {background-color: #ff3300;}
.BGmainRed3 {background-color: #ff3300;}

.BGmainBlue {background-color: #00addd;}
.BGmainBlue2 {background-color: #0084c8;}
.BGmainBlue3 {background-color: #00496d;}
.BGmainBlue4 {background-color: #002538;}

.BGMainGreen {background-color: #2ed42a;}
.BGMainGreen2 {background-color: #009900;}
.BGMainGreen3 {background-color: #006600;}

/* 2513 */

/************************************************************************************************/
/* ------- Fonts --------*/
/************************************************************************************************/

.fontTiny {font-size:0.8em;}
.fontSmall {font-size:1.2em;}
.fontMedium {font-size:1.4em;}
.fontLarge {font-size:1.8em;}
.fontHuge {font-size:3.8em;}

.fontWhite {color:#ffffff;}
.fontRed {color:#ff0000;}
.fontBlue {color:#006699;}
.fontGreen {color:#009900;}
.fontLightGrey {color:#999999;}
.fontGrey {color:#666666;}
.fontDarkGrey {color:#333333;}
.fontBlack {color:#000000;}

.boldText {font-weight:bold;}
.centerText {text-align:center;}
.textNone {text-decoration:none;}

/************************************************************************************************/
/* ----------------- Display -------------------*/
/************************************************************************************************/

.block {display:block;}
.floatLeft {float: left;}
.floatRight {float: right;}

/************************************************************************************************/
/* ----------------- circles -------------------*/
/************************************************************************************************/

.circle {
	border-radius: 50%;
	vertical-align: middle;
	width: 140px;
	height: 140px;
	margin: auto;
}

.imgCircle {
	border-radius: 50%;
	vertical-align: middle;
}


/************************************************************************************************/
/* ----------------- Columns -------------------*/
/************************************************************************************************/

.fourColumn {padding:9px;float: left; width: 25%;text-align:center;box-sizing: border-box;}
.twoColumn {padding:9px;float: left; width: 50%;text-align:center;box-sizing: border-box;}
.threeColumn {padding:9px;float: left; width: 33%;text-align:center;box-sizing: border-box;}

/************************************************************************************************/
/****************** POPUP WINDOW  ***************************************************************/
/************************************************************************************************/

#blanket {
background-color:#111;
opacity: 0.65;
*background:none;
position:absolute;
z-index: 9001;
top:0px;
left:0px;
width:100%;
}

#popUpDiv {
position:absolute;
//background:url(pop-back.jpg) no-repeat;
background-color: #ffffff;
width:400px;
height:400px;
border:5px solid #000;
z-index: 9002;
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:active{
background-color:#111;
opacity: 0.65;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

/************************************************************************************************/
/************************************************************************************************/

#preloader {
    display: none;
    background-image: url(/common/iPhone/graphics/loading.gif), url(/common/iPhone/graphics/selection.png),
        url(/common/iPhone/graphics/blueButton.png), url(/common/iPhone/graphics/listArrowSel.png), url(/common/iPhone/graphics/listGroup.png);
}
/************************************************************************************************/

.ui-corner-all { -moz-border-radius: 5px;border-radius: 5px;}