/* CSS Document */
.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;

}


/*link class*/
.std a{text-decoration:none;border-bottom:1px dashed #000;color:#000;}
.std a:hover{text-decoration:none;border:none;}

a.std_link{text-decoration:none;border-bottom:1px dashed #000;color:#000;line-height:12px;}
a.std_link:hover{text-decoration:none;border:none;}

.std1 a{color: #0000FF;}
.std1 a:hover{text-decoration:none;color: #000;}

.std2 a{text-decoration:none;color: #004375;}
.std2 a:hover{text-decoration:none;color:#000;}

.std3 a{text-decoration:none;border-bottom:1px dashed #fff;color:#fff;}
.std3 a:hover{text-decoration:none;border:none;}

body{
	font-family: arial;
	font-size: 12px;
	padding: 0;
	text-align: center;
	margin: 0 0 0 0;
	margin-bottom:10px;
	background-color:#003b6d;
}
#logo_area{background:url(../images/logo_area_bck.png);height:133px;}
#logo_area .logo{background:url(../images/logo.jpg);width:403px;height:133px;margin:0 auto;text-indent:-9999px;}

#nav_area{ background:url(../images/nav_bck.png);height:30px;text-align:center;position:relative;border-top:1px #1884b3 solid;}
#nav_list{margin:0 auto;padding:0px;}

#nav_list li{
	float:left;
	list-style-type:none;
	border-right:1px dashed #fff;
	line-height:29px;
	height:30px;
	font-weight:bold;
	display:block;
}

#nav_list li a, #nav_list li a:hover,.nav_link_in{
	padding-left:10px;
	padding-right:10px;
	text-decoration:none;
	height:30px;
	width:70px;
	display:block;
	
}

#nav_list li.long a, #nav_list li.long a:hover,.nav_link_in_long{
	padding-left:10px;
	padding-right:10px;
	text-decoration:none;
	height:30px;
	width:120px;
	display:block;
	
}

#nav_list li a, #nav_list li.long a{color:#FFFFFF;}

#nav_list li a:hover, #nav_list li.long a:hover{
	background:url(../images/nav_link_over.jpg);
	display:block;
	height:30px;
	line-height:29px;
	color:#000000;
}

.nav_link_in, .nav_link_in_long{
	background:url(../images/nav_link_in.jpg);
	color:#fff;
}


#mid_container{
	background:#f3f3f3;
	padding-top:20px;
	padding-bottom:20px;
}

#mid_container_in{ /*after login*/
	background:#f3f3f3;
	padding-bottom:20px;
	text-align:left;
}


#encase_3{
	margin:0 auto; 
	width:930px;
}

#left_about_toa{
	background:url(../images/index_abt_toa.png) no-repeat;
	background-color:#39c0ed;
	width:477px;float:left;
}

#left_about_toa .watch{
	padding-top:30px;width:477px;
}

#video_sampler{
	margin:0 auto;
	text-align:center;
}

#toa_description{
	margin:0 auto;
	text-align:left;
	color:#fff;
}


/* LOGIN AREA */

#login_container{
	background:url(../images/index_login_top.png) no-repeat;
	width:433px; padding-top:40px;float:left;
	margin-left:20px;margin-top:10px;
}

.login_mid{background:url(../images/index_login_mid.png);}
.login_mid_left{width:38%;float:left;}
.login_mid_right{width:55%;float:left;border-left:1px dashed #666;}

/*---------------------*/


/* INDEX PAGE */
#signup_container{
	width:433px;float:left;
	margin-left:20px;margin-top:20px;
	position:relative;
}

.signup_top{
	background: url(../images/signup_top.png) no-repeat;
	width:100%;height:99px;
	position:relative;
}

.signup_mid{
	background: url(../images/signup_mid.png);
	width:100%;
}
.signup_bot{
	background: url(../images/signup_bot.png);
	width:100%;height:29px;
}


.bundle_dotted{position:absolute;top:99px;left:27px;width:385px;border-top:1px dashed #a70120;}
.bundle_list{
	margin:0 auto;width:388px; text-align:left;
	/*border-top:1px dashed #000;*/
}
.tab_bundle_list td{
	padding:7px;
}

.bundle_list .label_green{font-weight:bold;color:#173f03;font-size:14px;}
.bundle_list .label_red{font-weight:bold;color:#a70120;font-size:14px;}

.tab_school_list td{padding:0px;}

.tab_askguru{border-top:1px dashed #fff;border-bottom:1px dashed #fff;}
.tab_askguru td{padding-top:5px;padding-bottom:5px;}


#bottom_container{padding:10px;margin:0 auto;color:#fff;}  
/* ------------------------------------------------ */


/* FORM ENCASEMENT */

#encase_form{width:605px;margin:0 auto;}
#encase_form_long{width:708px;margin:0 auto;}
#encase_form_longer{width:844px;margin:0 auto;}

#encase_form_long .encase_top, #encase_form_long .encase_mid, #encase_form_long .encase_bot{width:708px;}
#encase_form_longer .encase_top, #encase_form_longer .encase_mid, #encase_form_longer .encase_bot{width:844px;}


.encase_top, .encase_mid, .encase_bot{width:605px;}

.encase_top, .encase_top_purchased, .encase_top_green, .encase_top_long_green, .encase_top_longer_green, .encase_purchased_list{
	height:60px;margin-top:5px;
	display:block;position:relative;
}


.encase_bot, .encase_bot_purchased, .encase_bot_green, .encase_bot_long_green,.encase_bot_longer_green{height:60px;}

/*before purchase*/
.encase_top{background:url(../images/form_top.png) top no-repeat;}
.encase_bot{background:url(../images/form_bot.png) bottom no-repeat;}

/*after purchase*/
.encase_top_purchased{background:url(../images/form_top_purchased.png) top no-repeat;}
.encase_bot_purchased{background:url(../images/form_bot_purchased.png) bottom no-repeat;}

/*changes added by Mas 01 june 2010*/
.encase_purchased_list{background: url(../images/form_purchased_list.png);}
.encase_purchased_list.p4.head{background-position:0 0;}
.encase_purchased_list.p4.tail{background-position:-605px bottom;}
.encase_purchased_list.p5.head{background-position:-1210px 0;}
.encase_purchased_list.p5.tail{background-position:-1815px bottom;}
.encase_purchased_list.p6.head{background-position:-2420px 0;}
.encase_purchased_list.p6.tail{background-position:-3025px bottom;}

/*used in other pages other than the login*/
.encase_top_green{background:url(../images/form_top_green.png) top no-repeat;}
.encase_bot_green{background:url(../images/form_bot_green.png) bottom no-repeat;}

/*used in the about page*/
.encase_top_long_green{background:url(../images/form_top_long_green.png) top no-repeat;}
.encase_bot_long_green{background:url(../images/form_bot_long_green.png) bottom no-repeat;}


/*used in the help page*/
.encase_top_longer_green{background:url(../images/form_top_longer_green.png) top no-repeat;}
.encase_bot_longer_green{background:url(../images/form_bot_longer_green.png) bottom no-repeat;}


/* BUTTONS */

#button, .but_green a,but_green a:hover,
.but_red a,but_red a:hover,
.but_blue a,but_blue a:hover,
.but_blue_index a,but_blue_index a:hover{
	width:93px;
	height:24px;
	display:block;
	line-height:23px;
	color:#fff;
	text-align:center;
	text-decoration:none;
}
.but_green a{background: url(../images/button/green.gif);}
.but_green a:hover{background: url(../images/button/blue.gif);}
.but_red a{background: url(../images/button/red.gif);}
.but_red a:hover{background: url(../images/button/blue.gif);}
.but_blue a{background: url(../images/button/blue.gif);}
.but_blue a:hover{background: url(../images/button/dark_blue.gif);}
.but_blue_index a{background: url(../images/button/index_blue.gif);}
.but_blue_index a:hover{background: url(../images/button/index_blue_over.gif);}

#button_play, .but_play a,but_play a:hover{
	width:18px;
	height:18px;
	display:block;
	text-indent:-9999px;
}
.but_play a{background: url(../images/button/but_play.gif);}
.but_play a:hover{background: url(../images/button/but_play_over.gif);}



/* FORM CLASSES */
.input_std{border:1px solid #999;padding:1px;}
label{}

/* ICONS */
.arrow_disable{background:url(../images/icon_arrow_disable.gif) no-repeat center;width:6px;height:6px;}
.arrow_enable{background:url(../images/icon_arrow_enable.gif) no-repeat center;width:6px;height:6px;}

.instruct{color:#006600;font-size:14px;font-weight:bold;text-align:left;}
.help{color:#0290c0;font-size:11px;}
.error{color:#ff0000;font-weight:bold;}
.error_form{color:#ff0000;font-size:11px;}
.error_big{color:#ff0000;font-weight:bold;font-size:14px;}
.done{color:#006600;font-weight:bold;}
.step_label{font-size:18px;}
.label_med{font-size:14px;font-weight:bold;}
.price{color:#bc0118;font-size:18px;}
.padT2{padding-top:2px;}
.disable{color:#666;}
.bigfont {font-size: 36px}


/* in the VIDEOS */


#login_details{ /*after login*/
	background:url(../images/in_login_details_bck.png) no-repeat;
	width:739px;height:56px;
	margin:0 auto;
	line-height:45px;
}

#login_details .inner{width:94%; margin:0 auto; border-bottom:1px dashed #666;}
#login_details .account{float:left;}
#login_details .changepass{float:right;}


/*1st time display login info*/
#show_login_details_once{
	width:270px;height:70px;margin:auto;
	background: url(../images/in_acctpass_bck.png) no-repeat;
	position:relative;padding-top:25px;margin-top:10px;
}

#show_login_details_once .tlayout{
	font-size:14px;text-align:left;margin:0 auto;
}

/* BACK BUTTON found in top right hand corner of curved encasement*/
.backpos {position:absolute;top:20px;right:30px;line-height:30px;}

/* CREDIT CARD TRANSACTION STATUS */
#credit_status{
	width:670px;margin:auto;border:1px dashed #666;
	padding:15px;text-align:left;margin-top:10px;margin-bottom:25px;
}
.prob{background-color:#FFEAED;}
.success{background-color:#DBF9DD;}

#credit_status .warning, #credit_status .tick{
	float:left;width:9%;height:46px;
}

#credit_status .warning{background: url(../images/icon_warning.gif) no-repeat center;}
#credit_status .tick{background: url(../images/icon_tick.gif) no-repeat center;}

#credit_status .warning_info{
	float:right;width:86%;border-left:1px dashed #666;padding-left:15px;
}


/* When viewing Video lists*/
.icon_area{float:left;width:20%;padding-left:10px;}

.title_area_left{float:left;width:45%;border-right:1px dashed #666;}
.title_area_right{float:left;width:53%;text-align:left;}
.icon_file{background:url(../images/icon_file.gif) no-repeat center; height:20px;display:block;text-indent:-9999px;}

#encase_listing{
	width:87%;margin:0 auto;
	text-align:left;
	padding-top:30px;
}

#encase_listing p{margin:0;padding:0px;}
.vidlist_table td{border-bottom:1px dashed #666;height:25px;}
.vidlist_table{margin-bottom:30px;}



.hidden { display: none; }



/* COntact Page */
#contact label{font-weight:bold;}
#contact td{padding-bottom:10px;}



/* HELP PAGE and tnc*/
.help_list{margin:0px;padding:0px;}
.help_list li{list-style-type:none;list-style:none;border-bottom:1px dashed #666;padding-top:10px; padding-bottom:5px;}

.help_green{background:#eaf1e4;padding:15px;}
.help_blue{background:#e3eef2;padding:15px;}
.help_grey{background:#ededed;padding:15px;}


.tablayout1 td{padding-bottom:5px;}
.icon_pt{background: url(../images/button/blue_point.gif) center no-repeat; height:8px;display:block;text-indent:-9999px;}


/* floating FOR CURRENCY CONVERTER */

a.info{
    position:relative; /*this is the key*/
    z-index:24;
	color:#cf0404; 
	font-size:11px;
	font-weight:normal;
	border-bottom:1px dashed #cf0404;
	text-decoration:none;
    }

a.info:hover{
	z-index:25; 
	color:#cf0404;
	border-bottom: none;
	}

a.info span{display: none;}

a.info:hover span{ /*the span will display just on :hover state*/
   	display:block;
    position:absolute;
    bottom:0px; left:110px; width:230px;
    border:1px solid #ccc;
    background-color: #fff;
	color:#000;
	padding:3px;
	}

.padLeft{padding-left:3px;}

/*#currency_guide{float:left;color:#000;margin-left:20px;margin-top:10px;}*/
#currency_guide{float:left;color:#000;margin-top:10px;}
#currency_guide .icon{width:21px;height:23px;float:left;margin-top:2px;background: url(../images/currency_convert_icon.jpg) no-repeat;}

/*button on the demo section of index page*/
.but_demo a{
	width:46px;
	height:45px;
	background: url(../images/button/index_play_buttons_all.jpg);
	display:block;
	text-indent:-9999px;
	text-align:center;
	margin:auto;
}
.but_demo a{}
.but_demo a:hover{background-position: 0 -45px;}
.but_demo a.disable, .but_demo a:hover.disable{background-position: 0 -90px;cursor:default;}


/* Links and class for download zip*/
.dlzip {position:absolute;right:10px;top:20px;background:url(../images/zip.gif) no-repeat;padding-left:20px;width:150px;height:17px;line-height:17px;text-align:left;}
.dlzip_n {background:url(../images/zip.gif) no-repeat;padding-left:20px;width:150px;height:17px;line-height:17px;text-align:left;} /*new script*/
.zip a{text-decoration:none;border-bottom:1px dashed #0290c0;color: #0290c0;font-weight:bold;}
.zip a:hover{text-decoration:none;border:none;}

.label_sm{font-size:12px;font-weight:bold;}


/*14 May 2010*/
.cat_info{height:109px;background: url(../images/cat_bck.png) repeat-x;}
.corner_left, .corner_right{width:22px;height:109px;display:block;background:url(../images/cat_corners.gif) no-repeat;}
.p4, .p5, .p6{margin-bottom:5px;}
.p4 .corner_left{background-position:0 0;}
.p4 .corner_right{background-position:-22px 0;}
.p4 .cat_info{background-position:0 0;}

.p5 .corner_left{background-position:-44px 0;}
.p5 .corner_right{background-position:-66px 0;}
.p5 .cat_info{background-position:0 -109px;}

.p6 .corner_left{background-position:-88px 0;}
.p6 .corner_right{background-position:-110px 0;}
.p6 .cat_info{background-position:0 -218px;}



.top, .bot{width:652px;background: url(../images/corner_in_top_bot.png) no-repeat;}
.bot{height:48px;}
.top.p4{background-position:0 0;}
.bot.p4{background-position:-652px 0;}
.top.p5{background-position:-1304px 0;}
.bot.p5{background-position:-1956px 0;}
.top.p6{background-position:-2608px 0;}
.bot.p6{background-position:-3260px 0;}
.p4 .cat_info_in .year {border-bottom:5px solid #39c0ed;}
.p5 .cat_info_in .year {border-bottom:5px solid #5fce3d;}
.p6 .cat_info_in .year {border-bottom:5px solid #fbb42a;}

.cat_info .tab_lay1{padding-top:10px;}

.cat_info .level{float:left;border-right:1px dashed #000;height:85px;line-height:85px;width:25%;margin-top:10px;padding-left:5px;}
.cat_info .subj{float:right;width:70%;margin-top:3px;}
.cat_info h1, .cat_info_in h1, .cat_info_in .subj h1{font-size:24px;padding:0px;margin:0px;}
.cat_info td.right_dot{border-right:1px dashed #000;}

.cat_info_in{padding-top:40px;}
.cat_info_in .level{}
.cat_info_in .subj{border-left:1px dashed #000;padding-right:15px;}
.cat_info_in h2{font-size:15px;padding:0px;margin:0px;}
.cat_info_in .school_list{margin-top:10px;font-size:14px;}
.cat_info_in .school_list td{padding-top:3px; padding-bottom:3px;}
.cat_info_in .year {border-bottom:5px solid #39c0ed;}
.cat_info_in .pad_in{padding-left:30px;}
.cat_info_in .pad_in_20{padding-left:20px;}

.p4.label {color:#39c0ed;}
.p5.label {color:#5fce3d;}
.p6.label {color:#fbb42a;}

/*in videos listing pages*/
.tab_lay2{margin-left:auto;margin-right:auto;text-align:center;}
.tab_lay2 td{vertical-align:top;text-align:left;}
.tab_lay2 h1{font-size:28px;margin:0;padding:0;}
.tab_lay2 h3{font-size:14px;font-weight:bold;margin:0;padding:0;}
.tab_lay2 h2{font-size:22px;font-weight:bold;margin:0;padding:0;padding-left:10px;}
.tab_lay2 td p{font-size:18px;font-weight:bold;margin:0;padding:0;margin-top:3px;}
.tab_lay2.p4 td p{color:#39c0ed;}
.tab_lay2.p5 td p{color:#5fce3d;}
.tab_lay2.p6 td p{color:#fbb42a;}
.tab_lay2 td.border_right{border-right:1px dashed #000;}
