﻿/*
div.simulator { width:320px; height:480px }
*/

body 
{
    font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 12px;
	line-height: 16px;
	color:#333333;
	padding:0px;
	margin:0px;
}

.hidden {
	display: none;
}

img {
    border:0px;
    padding:0px
}


a {
	color:#3d81a5;
	text-decoration:none
}
    
input.textbox { font-size:16px }

h1 { font-size:16px; margin-bottom:8px }

    
/*AJAX related styles ------------------------------*/

.tablenav
{
    height: 30px;
    margin-top:8px
}

.tablenext 
{
    float:right; 
    margin-right:10px; 
    width:50px;
    text-align:right; 
    margin-bottom: 10px
}

.tableprev
{
    float:left; 
    margin-left:10px; 
    width:50px;
    margin-bottom: 10px
}



.modalBackground {
	background-color:#000;
	filter:alpha(opacity=60);
	opacity:0.7;
}

.modalpopupwindow 
{
    width:90%; 
    background-color:White; 
    border:1px solid #bdbebd;
    padding:0px
}

.modalpopupwindow .titlebox { width:100%; height:30px; background-color:#bdbebd; margin-bottom:5px }
.modalpopupwindow .titlebox .title { float:left; font-size:16px; font-weight:bold; padding:3px; line-height:25px }
.modalpopupwindow .titlebox .closebutton { float:right; padding-right:3px }

.modalpopupwindow .content { width:95%; padding:5px }



#progressBackgroundFilter { 
    position:fixed; 
    top:0px; 
    bottom:0px; 
    left:0px;
    right:0px;
    overflow:hidden; 
    padding:0; 
    margin:0; 
    background-color:#000; 
    filter:alpha(opacity=60); 
    opacity:0.6; 
    z-index:1000;


    display:none
}

#processMessage {  
    position:fixed;  
    top:30%;  
    left:21%; 
    padding:10px; 
    width:58%; 
    z-index:1001; 
    border: 1px solid #f7c02c;
    background-color:#ffffdb;
    color: #23729d;
    text-align:center;
    

    display:none
} 

/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(Images/FilledStar.png);

}

.emptyRatingStar {
    background-image: url(Images/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(Images/SavedStar.png);
}


/*CollapsiblePanel*/
.collapsePanel {
	margin-left: 13px;
	margin-bottom:5px;
	overflow:hidden;
}

.collapsePanelHeader{
	width:100%;
	height:30px;
	color:#000000;
	font-weight:bold;
	font-size: 14px;
	font-variant :small-caps 
	
}


/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	margin : 9px;
	background-color : white;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 250px;
    text-align : left; 
    list-style-type : none;
    padding:0px;
    width:300px;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #ffffdb;
	color: black;
	padding: 1px;
	width:220px;
	overflow:auto;
	line-height:20px; 
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color: white;
	color: black;
	padding: 1px;
	width:220px;
	overflow:hidden;
	line-height:20px; 
}



div.ajax__calendar_days table tr td {padding:1px;}

.cal_Theme1 .ajax__calendar_container {background-color: #e2e2e2;width:182px;border:solid 1px #cccccc;}
.cal_Theme1 .ajax__calendar_header{background-color: #ffffff; margin-bottom: 4px;}
.cal_Theme1 .ajax__calendar_title,.cal_Theme1 .ajax__calendar_next,.cal_Theme1 .ajax__calendar_prev{color: #004080; padding-top: 3px;}
.cal_Theme1 .ajax__calendar_body{background-color: #e9e9e9; border: solid 1px #cccccc;}
.cal_Theme1 .ajax__calendar_dayname{text-align:center; font-weight:bold; margin-bottom: 4px; margin-top: 2px;}
.cal_Theme1 .ajax__calendar_day{text-align:center;}
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_day,.cal_Theme1 .ajax__calendar_hover .ajax__calendar_month,.cal_Theme1 .ajax__calendar_hover .ajax__calendar_year,.cal_Theme1 .ajax__calendar_active{color: #004080; font-weight:bold; background-color: #ffffff;} 
.cal_Theme1 .ajax__calendar_today{font-weight:bold;} 
.cal_Theme1 .ajax__calendar_other,.cal_Theme1 .ajax__calendar_hover .ajax__calendar_today,.cal_Theme1 .ajax__calendar_hover .ajax__calendar_title{color: #bbbbbb;}



.CustomTabStyle .ajax__tab_header { font-family:verdana,tahoma,helvetica; font-size:12px; margin-top:10px; line-height:18px; border-bottom: 1px solid #bdbebd; border-top: 1px solid #bdbebd; width:100%; height:30px }
.CustomTabStyle .ajax__tab { font-weight:bold; width:50% }   
.CustomTabStyle .ajax__tab_outer { padding:3px; border-right: 1px solid #bdbebd; width:100%;  text-align:center }
.CustomTabStyle .ajax__tab_hover { font-weight:bold }
.CustomTabStyle .ajax__tab_active { font-weight:bold }   




    
/* master sheet ------------------------------ */
    
div.topbar { width:100%; height:38px; border-bottom:1px solid #bdbebd }
div.topbar .logo { float:left; width:90px; height:20px; padding:5px }
div.topbar .logo img { height:28px }
div.topbar .menu { float:right; width:80px; text-align:right; height:32px }
div.topbar .menu .item { width:30px; border-left:1px solid #e7ebe7; float:right; padding:3px; height:29px }
div.topbar .menu .searchbutton { height:28px; margin-top:5px; }
    
div.searchbar { height:30px; padding:0px; margin:0px; margin-top:3px; border-bottom:1px solid #bdbebd }    
div.searchbar input.button { margin-left:3px; vertical-align:middle; }

div.menulist { width:100%; }
div.menulist div.item { width:90px; height:80px; text-align:center; margin:8px; float:left; line-height:18px; font-weight:bold; font-size:12px; color:#313431 }
div.menulist div.item img { width:60px; height:60px; margin-bottom:3px }


div.footer { width:100%; text-align:center; margin-top:20px; clear:both; line-height:20px }





/* home sheet ------------------------------ */ 
    
div.featuredvid {
	min-height: 50px;
	width: 100%;
	padding:0px;
	margin-top:0px;
	margin-bottom:0px;
	border-bottom: 2px dotted #bdbebd;
	overflow:hidden;
	position:relative;
}

div.featuredvid img{
	border: 1px solid #e8e8e8;
	width: 80px;
	height: 45px;
	float:left;
	margin:12px 8px 12px 8px;
	position:relative
}

div.featuredvid a.title{
	font-size:12px;
	font-weight:bold;
	margin-top:8px;
}

div.featuredvid div.content{
	margin-left:90px;
	margin:12px 8px 12px 8px;	
}

div.featuredvid div.content p{
	margin:0px;
	padding:0px
}

div.featuredvid .time   
{
    position: absolute; 
    background-color:Black; 
    color:White; 
    top:41px; 
    left:58px; 
    font-size:10px; 
    width:26px; 
    text-align:right;
    filter:alpha(opacity=80); 
    opacity:0.8;
    padding-right:3px;
}




div.sharethis { margin-bottom:10px; clear:both }
div.sharethis ul { margin:0px; padding:0px}
div.sharethis ul li { display:block; margin:0px 8px 0px 8px; height:35px; }
div.sharethis ul li img { height:20px; vertical-align:middle }
div.sharethis ul li a { color:#888888; font-size:16px }



div.list { width:100%; height:35px; border-bottom:1px solid #EEEEEE; line-height:35px; font-size:16px }



div.seriesinfo {
	border-bottom: 1px solid #999999 ;
	padding:5px;
	padding-bottom:15px;
	overflow:auto;
	width:98%
}

div.seriesinfo div.seriescontent {
	margin-left:90px;
}

div.seriesinfo .seriesimg {
	margin-right:10px;
	margin-bottom:15px;
	float:left;
	width:80px;
}

div.seriesinfo p {
	margin-top:0px;
	margin-bottom:10px;
}