html, body, * { margin:0; padding:0;}
body { font-family: Verdana; font-size: 8pt; background: #FFFFFF url('/App_Themes/Default/Images/background.png') repeat-x; }

/************ common controls **************/
input, textarea, select{font-family: Arial, Helvetica, Sans-Serif; font-size:12px; color:#3a3a3a; padding: 1px; border: solid 1px #d5d6d8;}
.submit { font-size: 1em; background-color: #f0f0f0; padding: 0 5px 0 5px;}
a, a:visited {color: #990000; text-decoration: none;}
a:hover {text-decoration: underline;}

h1 { font-family: Arial; font-size: 20px; padding: 0; margin: 0; color: #c72424; text-transform:uppercase; }
h2 { font-family: Arial; color: #333; font-size: 20px; padding: 0; margin: 0;}
h3 { font: bold 16px Arial; color: #c72424; padding: 5px 0 5px 0; margin: 0px 0 10px 0; border-bottom: dotted 1px #c72424;}
h4 { font-family: Arial; color: #333; font-size: 14px; font-weight: normal; padding: 0; margin: 0;}
h5 { font-family: Arial; font-size: 12px; text-transform: uppercase; font-weight: bold; padding: 0 0 5px 0; margin: 0;}


p { margin-bottom: 10px; color: #111; font-size: 12px; font-family: Arial; line-height: 18px; }
.bullets li {padding: 3px 0 3px 0; color: #000; font-size: 12px; font-family: Arial; font-weight: bold;}

/************  Header  **************/

#header { } 
#header .col_1 { } 
#header .col_1 #logo { background: url('/App_Themes/Default/Images/CelebrityServiceLogo.png'); /* SEO hack: text-ident: -9000px; */}
#header .col_2 #banner { background: url('/App_Themes/Default/Images/CelebrityServiceSubscribersBanner.png') no-repeat; cursor: pointer; }
#header .col_2 #slogan { background: url('/App_Themes/Default/Images/CelebrityServiceSlogan.png'); }
#header .col_2 #login span { font-size: 1.2em; font-weight: bold; }
/*#header .col_2 #login .submit { font-size: 1em; background-color: #f0f0f0; padding: 0 5px 0 5px;}*/
#header .col_2 #login a,
#header .col_2 #login a:visited { font-weight:bold; 	font-size: 1em; 	font-family: Arial; }

#header .col_2 #search a { 	padding: 0px 0px 0px 15px; }
#header .col_2 #search #searchinfo { 	float: left; }
#header .col_2 #search #searchctrl { 	width: 185px; 	float: right; 	position:relative; 	margin: 0 0 0 0; 	top: -3px; }
#header .col_2 #search #searchctrl .submit { font-size: 1em; background-color: #f0f0f0; padding: 0 5px 0 5px;}

.clear { clear: both; }


/************ navigation menu ***********/

#nav { width: 100%; }

.menuIE6plus {width:975px; height:32px; position:relative; z-index:100; font-family: Arial, Verdana; font-size: 1em;}
.menuIE6plus {width:975px; w\idth:975px;}
.menuIE6plus ul {padding:0;margin:0;list-style-type:none; }
.menuIE6plus li {float:left;position:relative; text-align: center; }
.menuIE6plus ul ul li {text-align: left; -moz-opacity:.90; filter:alpha(opacity=90); opacity:.90;}
.menuIE6plus a, .menuIE6plus a:visited {padding: 0 15px 0 15px; display:block;font-size:1.2em;text-decoration:none; color:#fff; height:31px; border: solid 1px #FFFFFF; border-left: solid 1px #FFFFFF; border-width:0px 0 1px 1px; line-height:29px; font-weight:bold;}
.menuIE6plus ul ul a, .menuIE6plus ul ul a:visited {border: solid 1px #333333; border-left: solid 1px #FFFFFF; border-width:0px 0 1px 1px; padding-left:10px; line-height:29px; font-weight:bold;}
* html .menuIE6plus a, * html .menuIE6plus a:visited {width:75px; w\idth:75px;}

.menuIE6plus ul ul a.drop, .menuIE6plus ul ul a.drop:visited {background:#d4d8bd}
.menuIE6plus ul ul a.drop:hover{background:#c9ba65;}
.menuIE6plus ul ul :hover > a.drop {background:#c9ba65;}
.menuIE6plus ul ul ul a, .menuIE6plus ul ul ul a:visited {background:#e2dfa8;}
.menuIE6plus ul ul ul a:hover {background:#b2ab9b;}


.menuIE6plus ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; }

* html .menuIE6plus ul ul {top:30px;t\op:31px;}
.menuIE6plus ul ul ul{left:149px; top:-1px;}
.menuIE6plus ul ul ul.left {left:-149px;}


/* Change "Left" parameter to move submenu horizontaly */
.menuIE6plus table {position:absolute; top:0; left:-200px; border-collapse:collapse;}

.menuIE6plus ul ul a, .menuIE6plus ul ul a:visited {  font-size:1.2em; background:#000000; color:#FFFFFF; height:auto; line-height:1em; padding:10px 10px; width:190px;border-width:0 1px 1px 1px;}
* html .menuIE6plus ul ul a, * html .menuIE6plus ul ul a:visited {width:200px;w\idth:200px;}

.menuIE6plus a:hover, .menuIE6plus ul ul a:hover{color:#000; background:#ffffff;}
.menuIE6plus :hover > a, .menuIE6plus ul ul :hover > a {color:#000; background:#818286; color:#FFFFFF;}
.menuIE6plus ul :hover > a {color:#000; background:#000000; color: #FFFFFF;}

.menuIE6plus ul li:hover ul,
.menuIE6plus ul a:hover ul{visibility:visible; }
.menuIE6plus ul :hover ul ul{visibility:hidden;}
.menuIE6plus ul :hover ul :hover ul{ visibility:visible;}

.menuIE6plus li .selected {background: url('/App_Themes/Default/Images/bgNavSel.png') repeat-x;}

/* Remove or add "Width" parameter for vertical or horizontal sub items style  */
.menuIE6plus ul ul
{
	/*width: 500px;*/
}

/************ Content ***********/
.breadcrumbs { font-family:Arial; font-size:10px; font-weight: bold; color: #696969; }

.ajax__calendar_next { float: right; padding: 5px 0 5px 0; }
.ajax__calendar_prev { float: left; padding: 5px 0 5px 0; }
.ajax__calendar_title { padding: 5px 10px 0 20px; background: url('/App_Themes/Default/Images/calendar_arrow_up.png') no-repeat 0px 0px; background-position: 20px 0; background-attachment:scroll; }
.ajax__calendar_body {  }
.ajax__calendar_footer { }

#main .content { background-color: #f3f7fa; }
#main .content .widget { float: left;  margin: 0 0 15px 10px; padding: 0; background: url('/App_Themes/Default/Images/dotline.png') repeat-x; }
#main .content .widget h3 { font-size: 1.1em; padding: 5px 0px 5px 10px; margin: 0; color: #FFFFFF; background-color: #c72424; width: 175px;}
#main .content .widget h4 { font-size: 1em; text-transform: uppercase; width: 100%;  margin-top: 10px;}
#main .content .dotline { margin: 15px 0 0 0; width: 100%; height: 1px; background: url('/App_Themes/Default/Images/dotline.png') repeat-x; }
#main .content .widget .indent { padding: 1em 0 1em 1.1em ;  }

/* sidebar widgets Labels (spans) */
#main .content .widget .indent span { display: block; width: 125px; padding: 6px 0 0 0; float: left; }
/* sidebar widgets controls */
.content .widget .indent input[type="submit"], .content .widget .indent input[type="button"] { float: left; margin: 5px 0 0 0;  }
#main .content .widget .indent select, .content .widget .indent input[type="text"] { float: left; padding: 1px 0 1px 0; margin: 5px 0 0 0; width: 130px;  }

/* sidebar widgets container */
#main .content .widget .indent  { float: left; padding: 0 0 0 10px; margin: 1px 0 0 0;  }
/* sidebar widgets container */
#main .content .widget .indent .calendar_container { float: left; padding: 0 0 0 0; margin: 0 0 0 0; height: 21px; width: 100%; }
#main .content .widget .indent .calendar_container span,
#main .content .widget .indent .calendar_container input,
#main .content .widget .indent .calendar_container select,
#main .content .widget .indent .calendar_container .txt { display: block;  white-space: nowrap; float: left; padding: 0 0 0 0; margin: 5px 0 0 0; }
#main .content .widget .indent .calendar_container select { width: 150px;}


#main .content .widget a, #main .content .widget a:visited { font-weight: bold; }

.width200 {width: 180px;}
.width300 {width: 270px;}
.width400 {width: 455px; }

#main .content .nobackground { background: url(''); }

#main .content .locations { width: 100%; padding: 0 0 0px 0; }
#main .content .locations ul { width: 100%; list-style: none; list-style-type: none;}
#main .content .locations ul li { float:left; padding: 3px 3px; margin-right: 5px; color: #FFFFFF; border: solid 1px #999999; }
#main .content .locations ul li a { float:left; padding: 5px 5px; font-family: Arial; font-size: 0.9em; background-color: #000000; color: #FFFFFF; }
#main .content .locations ul select { font-family: Arial; font-size: 1em; }
#main .content .locations ul .noborder {border: none; padding: 0px 0px;}


.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav {width: 100%;  list-style: none; position: relative; padding: .2em 0 0;  }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0 5px 0 5px; background-color: #EEEEEE;}
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; font-size: 1.1em; font-weight: bold; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; background-color: #c72424; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; color: #FFFFFF; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-panel h5 { font-size: 2em; padding: 0px 0px 10px 0px;}
.ui-tabs .ui-tabs-hide { display: none !important; }

.paddingtop30 {padding: 30px 0px 0px ;}
.padding30 {padding: 30px;}
.paddingV5 {padding: 5px 0 5px 0;}
.paddingV3 {padding: 3px 0;}
/************ datalist ***********/

.dlLinks span, .dlLinks div { float: left; margin: 0 0 5px 0;}
.dlLinks a { color: #000000; }


/************ repeater ***********/

.repeater { width: 425px; padding: 15px 0px; }
.repeater table {padding: 0; margin: 0;}
.repeater table td {padding: 0; margin: 0; vertical-align: top;}
.repeater .item { width: 190px; float: left; padding: 5px 30px 15px 0; }
.repeater .item .title { font-size: 1.1em; font-family: Arial; border-top: 1px dotted #8cbbdd; font-weight: bold; text-transform: uppercase; width: 100%; float: left; padding: 5px 0px 15px 0; }
.repeater .item .photo { width: 190px; height: 190px; float: left; overflow: hidden; }
.repeater .item .details { padding-top: 5px; width: 100%; float: left; color: #333; font-size: 11px; color: #333; font-family: Arial; line-height: 16px;  }

.repeater .dateBookItem { width: 420px; float: left; padding: 5px 30px 15px 0; }
.repeater .readmore { padding-top: 0px; width: 100%; float: left; text-align: right; color: #333; font-size: 11px; color: #333; font-family: Arial; line-height: 16px;  }

/************ footer ***********/

#footer { margin: 0 auto; position: relative; width: 945px; height: 60px; background: url('/App_Themes/Default/Images/footer.png') repeat-x; color: #FFFFFF; padding: 10px; font-family: Arial; font-size: 0.9em; font-weight: bold; }
#footer a, #footer a:visited { color: #FFFFFF; text-decoration: underline; }

.hidden { display: none; }

/************ gridView ***********/

.gridView { border: dotted 1px #FFB4B4; margin: 10px 0 10px 0; }
.gridView td { padding: 5px; text-align: left; padding-right: 5px; border: solid 1px #EEEEEE; color: #333; font-weight: normal; font-family: Arial; font-size: 12px; }
.gridView th { padding: 5px; text-align: left; padding-right: 20px; background-color: #c72424; color: #FFF; font-weight: bold; font-family: Arial; font-size: 12px; white-space: nowrap; }
.gridView th a { color: #FFF; }
.gridView a { color: #000000; }
.gridView .gvPager td { background-color: #eee; padding: 3px; border-top: solid 1px #c72424; padding-top: 3px; }
.gridView .gvPager td td { background-color: #EEEEEE; text-align: center; padding: 2px; width: 20px; border: dotted 1px #FFB4B4;}
.gridView .gvPager td td span { font-weight: bold; font-size: 1.4em; color: #000; }
.gridView .gvPager td td a { text-align: center; padding: 5px; color: #c72424; }
.gvrh { font-weight: bold; background-color: #e1eef8; }

/************ details ***********/

.detailsLabel { float: left; width: 150px; font-weight: bold; margin: 0 0 5px 0; font-size: 12px; font-family: Arial; }
.detailsValue { float: left; width: 450px; font-weight: normal; margin: 0 0 5px 0; font-size: 12px; font-family: Arial; }

.smallLabel { width: 125px; float: left; font-size: 11px; color: #333; font-family: Arial; font-weight: bold; line-height: 18px; padding: 3px; }
.smallValue { float: left; font-size: 12px; color: #333; font-family: Arial; line-height: 16px; padding: 3px; }

.flowContainer { white-space: nowrap; display:table-column; float: left; font-weight: normal; margin: 0 10px 5px 0; font-size: 10px; font-family: Arial; font-weight: bold; }
.flowContainer table { padding: 0; margin: 0; }
.flowContainer td { white-space: nowrap; padding: 0px 5px 0 0;  }

.contactLabel { float: left; width: 75px; font-weight: bold; margin: 0 5px 2px 0; font-family: Arial; font-size: 11px; }
.contactValue { float: left; width: 100px; font-weight: normal; margin: 0 0 2px 0; color: #000 }

.gridViewDetails { border: solid 1px #FFFFFF; margin: 10px 0 10px 0 }
.gridViewDetails td { padding: 0; text-align: left; border: solid 1px #EEEEEE; color: #333; font-weight: bold; font-family: Arial; font-size: 12px; }
.gridViewDetails th { padding: 5px; text-align: left; padding-right: 20px; background-color: #c72424; color: #FFF; font-weight: bold; font-family: Arial; font-size: 12px; }
.gridViewDetails a { color: #990000; }

.dataListDetails  { border: solid 1px #FFFFFF; margin: 0 }
.dataListDetails td { padding: 0; text-align: left; border: solid 1px #EEEEEE; color: #333; font-weight: bold; font-family: Arial; font-size: 12px; }
.dataListDetails th { padding: 5px; text-align: left; padding-right: 20px; background-color: #c72424; color: #FFF; font-weight: bold; font-family: Arial; font-size: 12px; }
.dataListDetails a { color: #990000; }


.red { color: #990000; }
.fgGray { color: #777; }
.bold { font-weight: bold; }
.float-right {float: right;}
.float-left {float: right;}

.txtDisabled {color: #777777; background-color: #f0f0f0; font-style:italic; }
.calendar_container .txtDisabled { font-style: italic;  height: 15px; font-size: 8px; line-height: 16px;}

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

.rTable { width: 100%; border: solid 0px #FFF; }
.rTable td { padding: 5px 15px 5px 5px; border: solid 0px #FFF; }