/* CSS Document */
/*Project Name :- Tutor Chat*/
/*Developed by :- Icreon Communication*/


/*Common Tag Css Start*/

html,body{ margin:0px; padding:0px;width:100%; font-family:Arial, Verdana,  Helvetica, sans-serif; font-size:11px; font-weight:normal;}

h1, h2, h3, h4, h5, h6, p, form, ul{ margin:0px; padding:0px;font-weight:normal;}

p, form, ul{ margin:0px; padding:0px;}

input, select, textarea, label, images{ vertical-align:middle;}

img{ border:none;}

:focus {outline: none !important;}

img { outline: none !important;}

/*Common Tag Css End*/

/* Common Class Start*/

.clear{ clear:both;}

.float_left{ float:left;}

.float_right{ float:right;}

.textalign-right{ text-align:right;}

.textalign-left{ text-align:left;}

.textalign-center{ text-align:center;}

.header_wrapper{ width:938px; margin:0px auto; padding-top:13px;}

.homepage_wrapper{width:1000px; margin:0px auto; background: url(../images/homepage_wrapper_background.gif) repeat-x 0px 230px; }

.innerpage_wrapper{width:1000px; margin:0px auto; background:url(../images/innerpage_wrapper_background.gif) no-repeat center top; }

.footer_wrapper{width:1000px; margin:0px auto;}

/* Common Class End*/

/* Header Class Start*/

.header{ background:url(../images/page_background.jpg) repeat-x; height:180px;}

.logo{ float:left;width:194px;padding-top:0px }

.logo a{display:block;}

.header_content{ text-align:center; font-size:17px; color:#a0a0a0; line-height:22px; height:93px; padding-top:0px;}

.header_content a.green_link{font-size:18px; color:#80c51c; text-decoration:none; text-align:center;}

.header_content a.blue_link{font-size:18px; color:#41b6c8; text-decoration:none; text-align:center;}

.join_community{float:right; text-align:center; margin-bottom:20px;}

.join_community h5{ font-size:11px; color:#5d5757; line-height:18px; font-family:Arial, Helvetica, sans-serif;}

.join_community img{ vertical-align:top; margin-right:11px;}

.main_navigation{float:left; width:100%; margin-top:28px;}

.main_navigation ul{list-style:none;padding-left:14px; position:relative; z-index:100000;}

.main_navigation ul li{float:left;font-family:Arial, Helvetica, sans-serif;padding-right:28px; position:relative; }

.main_navigation ul li a{font-size:14px; font-weight:bold; color:#c4e0e4; text-decoration:none;display:block; height:45px; line-height:45px;}

.main_navigation ul li a:hover{color:#fff;}



.main_navigation li ul {display: none; position: absolute; left: 0px; top:36px;font:11px Arial, Helvetica, sans-serif;}
.main_navigation li:hover ul { list-style: none; position: absolute; left: -14px; top:43px; display: block; background: #011d36;font:11px Arial, Helvetica, sans-serif; width:150px;padding-left:0px;}
.main_navigation li:hover li { width: 100%; float:left;padding:0px;border-bottom:1px #fff;}
.main_navigation li:hover li a { background: none; color: #c4e0e4; font:bold 11px Arial, Helvetica, sans-serif!important;display:block;line-height:25px!important;height:25px!important; padding:0px 14px;border-bottom:1px solid #fff;}
.main_navigation li:hover li a:hover { color:#FFFFFF;background: #318D9C;}

/* Header Class End*/

/* Home Page Container Class Start*/

.homepage_container{ background: url(../images/home_page_background.jpg) repeat-x; min-height:100%; height:auto important; height:100%; }

.homepage_banner{position:relative; background:url(../images/homepage_banner_background.gif) no-repeat; height:230px; font-size:13px; font-family:Arial, Helvetica, sans-serif;color:#818181;}

.homepage_banner p{margin:0px; padding:0px;}

.homepage_banner .normal_text{ padding-left:39px; padding-top:123px;width:600px !important;}


.homepage_banner .normal_text p span{font-size:15px;color:#3d3d3d; margin:0px; padding:0px;}
.homepage_banner  a{color:#818181; text-decoration:none;font-size:13px; font-family:Arial, Helvetica, sans-serif;}
.homepage_banner a:hover{color:#3d3d3d;text-decoration:underline;font-size:13px; font-family:Arial, Helvetica, sans-serif;}


.homepage_banner img{ position:absolute;top:-100px; z-index:10; right:30px;}

.left_pannel{ float:left; padding-left:32px; width:712px; margin-right:25px;margin-top:25px;}

.left_pannel_inner{ float:left; padding-left:32px; width:712px; margin-right:25px;margin-top:0px;}

.left_pannel .tell_a_friend{ background:url(../images/tell_a_freind_background.png) no-repeat top left; height:70px; width:711px; font-family:Arial, Helvetica, sans-serif;}

.left_pannel .tell_a_friend h4{padding-left:14px; padding-bottom:10px;color:#434343; font-weight:bold;}

.left_pannel .tell_a_friend p{padding-left:12px;}

.left_pannel .tell_a_friend input.inputbox{ width:138px; height:15px; padding:1px 0px 0px 8px; border:1px solid #b7b7b7; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#434343; padding-left:8px; margin-right:6px;}

.left_pannel .tell_a_friend input.send_button{ background:url(../images/send_button.gif) no-repeat top left; height:20px; width:62px; border:none;}

.left_pannel .homepage_content{ font-family:Arial, Helvetica, sans-serif; color:#323232; font-size:12px; padding-top:18px; }

.left_pannel .homepage_content .become_tutor{ background: url(../images/become_a_tutor.png) no-repeat top left; height:128px; width:235px; float:left; text-align:center;padding-top:131px; margin-right:2px;}

.left_pannel .homepage_content .become_tutor a.clickhere{ background:url(../images/clickhere_button.gif) no-repeat top left; height:29px; width:114px;display:inline-block; margin-top:12px; margin-left:-7px;}

.left_pannel .homepage_content .what_new{ background: url(../images/what_new_background.png) no-repeat top left;height:128px; width:235px; float:left; text-align:center;padding-top:131px; margin-right:0px;}

.left_pannel .homepage_content .what_new a.clickhere{ background:url(../images/clickhere_button.gif) no-repeat top left; height:29px; width:114px;display:inline-block; margin-top:12px;margin-left:5px;}

.left_pannel .homepage_content .tutor_spotlight{ background: url(../images/tutor_spotlight_background.png) no-repeat top left; height:128px; width:235px; float:left; text-align:center;padding-top:131px;margin-left:2px; }

.left_pannel .homepage_content .tutor_spotlight a.clickhere{ background:url(../images/clickhere_button.gif) no-repeat top left; height:29px; width:114px;display:inline-block; margin-top:12px;margin-left:5px;}

.left_pannel .homepage_content h3{ font-size:17px; color:#373737; padding-bottom:5px;}

.left_pannel .homepage_content p{ line-height:18px;}

.left_pannel .homepage_content a.clickhere{ background:url(../images/clickhere_button.gif) no-repeat top left; height:29px; width:114px;display:inline-block; margin-top:13px;}

.right_pannel{ float:left; width:200px; margin-top:25px;}

.right_pannel .student_login, .right_pannel_inner .student_login{border-bottom:1px solid #e8eaea; padding-bottom:20px; margin-bottom:15px;}

.student_login_logout {padding:0px; margin-top:17px;}

.right_pannel .student_login h2, .right_pannel_inner .student_login h2{ font-size:17px; color:#020202; background:url(../images/student_login_icon.png) no-repeat left center; height:38px; padding-left:45px; margin-top:14px;line-height:38px; font-family:Arial, Helvetica, sans-serif;margin-bottom:20px;}
.right_pannel .student_login .form_container input.inputbox, .right_pannel_inner .student_login .form_container input.inputbox{width:189px; height:18px; border:1px solid #b7b7b7; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#434343; padding:3px 0px 0px 8px; margin-bottom:16px;}

.right_pannel .student_login .form_container input.submit_button, .right_pannel_inner .student_login .form_container input.submit_button{ background:url(../images/submit_button.gif) no-repeat top left; height:23px; width:67px; border:none;  margin-top:3px; margin-bottom:12px; cursor: pointer;}

.right_pannel .student_login .form_container p, .right_pannel_inner .student_login .form_container p{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#5c5c5c;}

.right_pannel .student_login .form_container p a.register, .right_pannel_inner .student_login .form_container p a.register{color:#eb211b; text-decoration:none;}

.right_pannel .donate, .right_pannel_inner .donate{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; line-height:16px;}

.right_pannel .donate p a, .right_pannel_inner .donate p a{font-weight:bold; text-decoration:none;color:#000;}

.right_pannel .donate input.donate_button, .right_pannel_inner .donate input.donate_button{ margin-top:10px;}

.right_pannel .donate p.credit_cart, .right_pannel_inner .donate p.credit_cart{ margin-top:14px;}

.right_pannel .donate p.credit_cart img, .right_pannel_inner .donate p.credit_cart img{ margin-right:7px;}

/* Home Page Container Class End*/

/* Inner Page Container Class Start*/
.left_pannel_inner{ float:left; padding-left:32px; width:712px; margin-right:25px;margin-top:14px;}

.innerpage_container{ background: url(../images/inner_page_background.jpg) repeat-x; }

.left_pannel_inner .innerpage_content{ font-family:Arial, Helvetica, sans-serif; color:#323232; font-size:12px; min-height:470px;}

.left_pannel_inner .innerpage_content span{ font-family:Arial, Helvetica, sans-serif; color:#323232; font-size:12px;}

.left_pannel_inner .innerpage_content h2{ font-family:Arial, Helvetica, sans-serif; color:#020202; font-size:20px; border-bottom:1px solid #b2b2b2; padding-bottom:10px; margin-bottom:26px;}

.left_pannel_inner .innerpage_content h3{ font-family:Arial, Helvetica, sans-serif; color:#80c51c; font-size:13px; margin-top:15px; font-weight:bold;}

.left_pannel_inner .innerpage_content h4{ font-family:Arial, Helvetica, sans-serif; color:#020202; font-size:13px; border-bottom:1px solid #b2b2b2; padding-bottom:10px; margin-bottom:26px;font-weight:bold;}

.left_pannel_inner .innerpage_content p{ font-family:Arial, Helvetica, sans-serif; color:#5f5f5f; font-size:11px; line-height:17px;}

.left_pannel_inner .innerpage_content_new .become_tutor_inner{ background: url(../images/become_tutor_bg.jpg) no-repeat left top; height:83px; width:238px;  float:left;}

.left_pannel_inner .innerpage_content_new .become_tutor_inner a{ display:block; line-height:83px; height:83px;padding-left:95px; font-size:17px; color:#373737; text-decoration:none;}

.left_pannel_inner .innerpage_content_new .what_new_inner{ background:url(../images/whats_new_bg.jpg) no-repeat left top; height:83px; width:236px;  float:left;}

.left_pannel_inner .innerpage_content_new .what_new_inner a{ display:block;line-height:83px; height:83px; padding-left:95px; font-size:17px; color:#373737; text-decoration:none;}

.left_pannel_inner .innerpage_content_new .tutor_spotlight_inner{ background:url(../images/tutor_spotlight_bg.jpg) no-repeat left top; height:83px; width:238px;  float:left; }

.left_pannel_inner .innerpage_content_new .tutor_spotlight_inner a{ display:block;line-height:83px; height:83px;padding-left:95px;font-size:17px; color:#373737; text-decoration:none;}

.right_pannel_inner{ float:left; width:200px; margin-top:0px;}

.right_pannel_inner .tell_a_friend_inner{font-family:Arial, Helvetica, sans-serif; width:199px; display:inline-block; padding-top:23px; border-top:1px solid #e8eaea; margin-top:23px;}

.right_pannel_inner .tell_a_friend_inner h4{ padding-bottom:10px;color:#434343; font-weight:bold; font-size:11px;}

.right_pannel_inner .tell_a_friend_inner input.inputbox{ width:189px;  height:15px; padding:1px 0px 0px 8px; border:1px solid #b7b7b7; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#434343; margin-bottom:16px;}

.right_pannel_inner .tell_a_friend_inner input.send_button{ background:url(../images/send_button.gif) no-repeat top left; height:20px; width:62px; border:none; float:right; cursor:pointer;}

/* Inner Page Container Class End*/

/*Login Class Start*/

.login_form_container{ background:url(../images/login_background.png) no-repeat left top; padding-top:30px; min-height:136px; margin:auto;}

.login_form_container strong{ padding:10px 0px 10px 0px; margin:auto; color:#990000;}

.login_form_container .login_form{ margin:auto; padding-left:100px; padding-bottom:30px;}
.login_form_container .login_form .red_text{ color:#ff0000;}

.login_form_container .login_form label { width:120px; margin-right:20px; float:left; text-align:right; font-size:11px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; line-height:21px;}

.login_form_container .login_form input{background-color:#FFFFFF;border:1px solid #b7b7b7;height:19px;text-align:left;vertical-align:middle;font-size:11px;width:236px;}

.login_form textarea {background-color:#FFFFFF;border:1px solid #b7b7b7;text-align:left;vertical-align:middle;font-size:11px; width:236px;}

.login_form_container .login_form input.width_37px{width:37px!important;}

.login_form_container .login_form input.checkbox{width:auto!important; border:none;}

.login_form_container .login_form input.width_77px{width:77px!important;}

.login_form_container .login_form input.submit_button{background:url(../images/submit_button.gif) no-repeat left top;height:23px; width:67px;border:none;cursor: pointer;text-align:center;margin:3px 0px 12px 0px;}

.login_form_container .label_container{margin-bottom:12px;}

/*End Login Class*/


/* Footer Class Start*/

.footer{ background:#fff url(../images/footer_background.jpg) repeat-x bottom; padding-top:18px; height:70px;}

.footer_navigation{height:27px; background: url(../images/footer_navigation_background.gif) repeat-x; margin-bottom:10px;}

.footer_navigation ul{ list-style:none;height:27px; text-align:center;}

.footer_navigation ul li{ display:inline; line-height:27px; color:#323232; font-family:Arial, Helvetica, sans-serif; font-size:11px; }

.footer_navigation ul li a{ text-decoration:none; color:#323232; padding:0px 7px;}

.footer .copyright{ text-align:right; margin-bottom:15px; color:#323232; font-size:11px; font-family:Arial, Helvetica, sans-serif;}

.footer .copyright p.prototype{ float:left;}

.footer .copyright p.prototype a{color:#808080;  font-weight:bold;}

/* Footer Class End*/


.login_form_container_inner{ background:url(../images/login_background.png) no-repeat left top; margin:auto; padding:20px 15px 0px 15px;min-height:400px;}

.login_form_container_inner a{color:#267890; text-decoration:none;}
.login_form_container_inner a:hover{color:#41B6C8;text-decoration:underline;}

.login_form_container_inner strong{ padding:10px 0px 10px 0px; margin:auto; color:#990000;}

.login_form_container_inner .login_form{ margin:auto; padding-left:100px; padding-bottom:30px;}
.login_form_container_inner .login_form .red_text{ color:#ff0000;}

.login_form_container_inner .login_form label { width:120px; margin-right:20px; float:left; text-align:right; font-size:11px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; line-height:21px;}

.login_form_container_inner .login_form input{background-color:#FFFFFF;border:1px solid #b7b7b7;height:19px;text-align:left;vertical-align:middle;font-size:11px;width:236px;}

.login_form textarea {background-color:#FFFFFF;border:1px solid #b7b7b7;text-align:left;vertical-align:middle;font-size:11px; width:236px;}

.login_form_container_inner .login_form input.width_37px{width:37px!important;}

.login_form_container_inner .login_form input.checkbox{width:auto!important; border:none;}

.login_form_container_inner .login_form input.width_77px{width:77px!important;}

.login_form_container_inner .login_form input.submit_button{background:url(../images/submit_button.gif) no-repeat left top;height:23px; width:67px;border:none;cursor: pointer;text-align:center;margin:3px 0px 12px 0px;}

.login_form_container_inner .label_container{margin-bottom:12px;}


.left_pannel_inner .innerpage_content strong{ font-family:Arial, Helvetica, sans-serif; color:#020202; font-size:20px;  padding-bottom:10px; margin-bottom:26px;}

.top_menu_link{font-size:12px; color:#175872; margin-bottom:7px;font-weight:bold;}
.top_menu_link a{font-size:12px; color:#175872; text-decoration:none; padding:0px 10px 0px 10px;}
.top_menu_link a:hover{ font-size:12px; color:#41b6c8;text-decoration:underline; padding:0px 10px 0px 10px;}

.main_menu_link{ font-size:12px; color:#175872; margin-bottom:7px; font-weight:bold;}
.main_menu_link a{font-size:12px; color:#175872; text-decoration:none; padding:0px 7px 0px 7px;}
.main_menu_link a:hover{font-size:12px; color:#41b6c8;text-decoration:underline; padding:0px 7px 0px 7px;}

.page_left{font-size:12px; color:#175872; margin-bottom:10px;font-weight:bold;}
.page_left a{font-size:12px; color:#175872;text-decoration:none; padding:0px 10px 0px 10px;}
.page_left a:hover{ font-size:12px; color:#41b6c8;text-decoration:underline; padding:0px 10px 0px 10px;}

.error-message{padding:0px 0px 20px 0px; margin:auto; color:red; text-align:center !important; }

.button1{ background:url(../images/button.gif) no-repeat left top; padding:2px 16px 0px 16px; height:23px; vertical-align:middle; border:none; line-height:0px;font-size:0px;}
.button1 span{ background:url(../images/button.gif) no-repeat right bottom; padding:2px 16px 0px 16px; height:23px; vertical-align:middle; font:14px "Myriad Pro"; font-weight:bold;}

.cms_content h3{ font-family:Arial, Helvetica, sans-serif; color:#80c51c; font-size:13px; margin-top:15px; font-weight:bold;}

.cms_content p{ font-family:Arial, Helvetica, sans-serif; color:#5f5f5f; font-size:11px; line-height:17px;}
.cms_content p a{text-decoration:none;}
.cms_content p a:hover{ text-decoration:underline;color:#5f5f5f;}

.submit_button{ background:url(../images/submit_button.gif) no-repeat top left; height:23px; width:67px; border:none;  margin-top:3px; margin-bottom:12px; cursor: pointer;}


.welcome_link{font-size:12px; color:#175872; font-weight:bold; text-align:center; padding-top:5px; position:relative;z-index:100;}
.welcome_link a{color:#267890; text-decoration:none;}
.welcome_link a:hover{color:#41B6C8;text-decoration:underline;}

.generate_code_button{ background:url(../images/generate_code.gif) no-repeat top left; width:101px; height:23px; border:none;cursor:pointer;}
.edit_button{ background:url(../images/edit.gif) no-repeat top left; width:48px; height:23px; border:none;cursor:pointer;}
.book_button{ background:url(../images/book_operator.gif) no-repeat top left; width:122px; height:24px; border:none;cursor:pointer;}
.delete_button{ background:url(../images/delete_button.gif) no-repeat top left; width:60px; height:25px; border:none;cursor:pointer;}
.add_button{ background:url(../images/add_button.gif) no-repeat top left; width:49px; height:25px; border:none;cursor:pointer;}
.boot_button{ background:url(../images/boot.gif) no-repeat top left; width:49px; height:23px; border:none;cursor:pointer;}
.view_button{ background:url(../images/view_button.gif) no-repeat top left; width:50px; height:25px; border:none;cursor:pointer;}
.request_chat_button{ background:url(../images/request_chat.gif) no-repeat top left; width:97px; height:25px; border:none;cursor:pointer;}

.banner_link{ padding: 0px!important; width: 410px; margin-left: 35px; position: absolute; margin-top: 20px; height: 77px;}
.banner_link a{display:block;height: 77px; text-decoration:none}

.link a{color:#267890; text-decoration:none;}
.link a:hover{color:#41B6C8;text-decoration:underline;}

.forgot a{color:#5C5C5C; text-decoration:none;}
.forgot a:hover{color:#808080;text-decoration:none;}
.comment { border-top:1px solid #b2b2b2; padding-top:10px; margin-top:5px;font-weight:normal;}
.heading_font { font-size:13px !important; color:#000000 !important;font-weight:bold !important; padding-top:25px; padding-bottom:10px;}
