@charset "utf-8";
/* CSS Document */
body
{
    background:#d6d6d6;
	font-family:Tahoma,Arial,Verdana;
	font-size:12px;
	color:#868686;
	line-height:20px;
}
/* Global properties ======================================================== */

html, body, div, span, applet, object, iframe, h1, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin:0px;
	padding:0px;
	outline:0px
}
ul, li
{
	list-style-type:none
}
html
{
overflow-y:scroll;
}
img
{
	border:0;
}
a:hover, a:active, a:focus
{
	outline:none;
}
.container
{
width:960px;
height:auto;
margin:20px auto 0 auto;
background: url(../images/top_bg.png) no-repeat top #ffffff;
padding:20px;
border-radius:10px; 
-webkit-border-radius:10px; 
-moz-border-radius:10px; 
-o-border-radius:10px; 
-khtml-border-radius:10px;
}
.header
{
width:960px;
height:70px;
position:relative;
}
.dd_list_outer
{
width:140px;
height:20px;
position:absolute;
top:-5px;
right:0;
z-index:100000000;
background:url(../images/dd.png) no-repeat;
border:solid 1px #b7e0f6;
border-radius:8px; 
-webkit-border-radius:8px; 
-moz-border-radius:0px; 
-o-border-radius:8px; 
-khtml-border-radius:8px;
}
.dd_list_outer select
{
border-style: none;
    border-color: inherit;
    border-width: 0;
    width:137px;
    height:20px;
    float:right;
    color:#333;
    font-size:11px;
    outline:none;
    padding:0px 0px 0px 3px;
background: ;
    -webkit-appearance: none;
}
.logo
{
width:200px;
height:60px;
float:left;
margin:10px 0px 0px 0px;
}
.menu_outer
{
width:700px;
height:60px;
float:right;
text-align:right;
margin:10px 0px 0px 0px;
}
.banner_outer
{
width:960px;
height:228px;
}
.banner_slide
{
width:731px;
height:228px;
float:left;
}
.top_left
{
width:218px;
height:228px;
float:right;
}
.register
{
width:218px;
height:42px;
float:left;
text-decoration:none;
background:url(../images/bg.png) no-repeat scroll transparent -0px -0px;
}
.register:hover
{
background:url(../images/bg.png) no-repeat scroll transparent -218px -0px;
}
.sign_up
{
width:218px;
height:42px;
float:left;
text-decoration:none;
background:url(../images/bg.png) no-repeat scroll transparent -218px -97px;
}
.sign_up:hover
{
background:url(../images/bg.png) no-repeat scroll transparent -218px -141px;
}
.try_demo
{
width:218px;
height:175px;
float:right;
background:url(../images/bg.png) no-repeat scroll transparent -0px -42px;
margin:11px 0px 0px 0px;
}
.login_outer
{
width:188px;
height:135px;
float:right;
background:url(../images/bg.png) no-repeat scroll transparent -0px -217px;
margin:11px 0px 0px 0px;
padding:40px 15px 0px 15px;
color:#666666;
font-size:11px;
}
.login_outer a
{
font-size:11px;
color:#0066FF;
text-decoration:none;
}
.login_outer a:hover
{
text-decoration:underline;
}
.submit_button
{
float:right;
width:93px;
height:28px;
background:url(../images/bg.png) no-repeat scroll transparent -218px -188px;
border:0;
cursor:pointer;
}
.submit_button:hover
{
background:url(../images/bg.png) no-repeat scroll transparent -317px -188px;
}
.log_text
{
width:184px;
height:18px;
float:left;
border:solid 1px #cccccc;
background:#ffffff;
outline:none;
padding:0px 0px 0px 2px;
color:#666666;
font-size:11px;
}
.contet_outer
{
width:960px;
height:auto;
overflow:hidden;
margin:11px 0px 0px 0px;
}
.left_content
{
width:731px;
height:auto;
float:left;
}
.right_content_area
{
width:218px;
height:auto;
float:right;
}
.news_outer
{
width:218px;
height:auto;
float:left;
}
.news_head
{
width:218px;
height:32px;
float:left;
background:url(../images/bg.png) no-repeat scroll transparent -218px -42px;
}
.news_content
{
width:196px;
height:221px;
float:left;
border:solid 1px #cccccc;
border-top:0;
padding:5px 10px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-bottomleft: 4px;
		-webkit-border-bottom-right-radius:4px;
	-moz-border-radius-bottomright: 4px;
}
.news_list
{
width:196px;
height:auto;
float:left;
}
.news_content h1
{
font-size:1em;
color:#333333;
}
.news_content a
{
color:#666666;
text-decoration:none;
}
.news_content a:hover
{
color:#3366FF;
}
.product_feature
{
width:731px;
height:auto;
float:left;
color:#666666;
}
.top_board
{
width:731px;
height:32px;
float:left;
background:url(../images/top_border.jpg) no-repeat;
}
.top_board h1
{
font-size:1.3em;
font-weight:normal;
color:#333333;
text-shadow:1px 1px #ffffff;
padding:5px 0px 0px 10px;
}
.feature_content
{
width:729px;
height:140px;
float:left;
border:solid 1px #cccccc;
border-top:0;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-bottomleft: 4px;
		-webkit-border-bottom-right-radius:4px;
	-moz-border-radius-bottomright: 4px;
}
.feature_box
{
width:100px;
height:auto;
float:left;
margin:10px 10px 0px 10px;
}
.icon_pedia
{
width:100px;
height:80px;
float:left;
}
.ico_head
{
width:100px;
height:auto;
float:left;
font-size:1.2em;
color:#333333;
text-align:center;
padding:4px 0px 0px 0px;
}
.ico_head a
{
text-decoration:none;
color:#333333;
}
.ico_head a:hover
{
color:#1e4fd0;
}
.footer_outer
{
width:940px;
height:auto;
padding:10px;
background:#333333;
border-radius:4px; 
margin:11px 0px 0px 0px;
-webkit-border-radius:4px; 
-moz-border-radius:4px; 
-o-border-radius:4px; 
-khtml-border-radius:4px;
overflow:hidden;
}
.footer_links
{
width:150px;
height:auto;
float:left;
}
.footer_links ul li a
{
color:#cccccc;
font-size:11px;
text-decoration:none;
padding:0px 0px 4px 0px;
}
.footer_links ul li a:hover
{
color:#3eb9ff;
}
.share_outer
{
width:140px;
height:auto;
float:left;
}
.share_outer h2
{
font-size:11px;
color:#cccccc;
font-weight:normal;
}
.facebook
{
width:16px;
height:16px;
float:left;
background:url(../images/bg.png) no-repeat scroll transparent -218px -75px;
margin:2px 3px 0px 0px;
}
.facebook:hover
{
background:url(../images/bg.png) no-repeat scroll transparent -272px -75px;
}
.twitter
{
width:16px;
height:16px;
float:left;
background:url(../images/bg.png) no-repeat scroll transparent -236px -75px;
margin:2px 3px 0px 0px;
}
.twitter:hover
{
background:url(../images/bg.png) no-repeat scroll transparent -290px -75px;
}
.flickr
{
width:16px;
height:16px;
float:left;
background:url(../images/bg.png) no-repeat scroll transparent -254px -75px;
margin:2px 3px 0px 0px;
}
.flickr:hover
{
background:url(../images/bg.png) no-repeat scroll transparent -308px -75px;
}
.footer_logo
{
width:130px;
height:40px;
float:right;
}
.service_outer
{
width:500px;
height:auto;
float:left;
}
.service_outer h2
{
color:#eeeeee;
font-size:1em;
float:left;
font-weight:normal;
display:block;
width:500px;
}
.service_outer ul li a
{
width:165px;
height:auto;
float:left;
text-decoration:none;
color:#cccccc;
font-size:11px;
}
.service_outer ul li a:hover
{
color:#3eb9ff;
}
.ex_footer
{
width:960px;
height:auto;
margin:auto;
text-align:center;
padding:4px 0px 0px 0px;
}
.ex_footer a, .ex_copy a
{
font-size:11px;
color:#333333;
text-decoration:none;
margin:0px 8px 0px 8px;
}
.ex_footer a:hover, .ex_copy a:hover
{
color:#000;
text-decoration:underline;
}
.ex_copy
{
width:960px;
height:auto;
margin:auto;
text-align:center;
padding:0px 0px 0px 0px;
font-size:11px;
}
.support
{
width:338px;
height:auto;
float:left;
border:solid 1px #cccccc;
border-radius:10px; 
-webkit-border-radius:4px; 
-moz-border-radius:4px; 
-o-border-radius:4px; 
-khtml-border-radius:4px;
padding:10px;
margin:11px 0px 0px 0px;
position:relative;
}
.side_icon
{
width:70px;
height:70px;
position:absolute;
top:7px;
right:10px;
}
.downloads
{
width:338px;
height:auto;
float:right;
border:solid 1px #cccccc;
border-radius:10px; 
-webkit-border-radius:4px; 
-moz-border-radius:4px; 
-o-border-radius:4px; 
-khtml-border-radius:4px;
padding:10px;
margin:11px 0px 0px 0px;
position:relative;
}
.support h1, .downloads h1
{
font-size:1.2em;
color:#333;
}
.support img, .downloads img
{
margin:0px 5px 0px 0px;
}
.support_content
{
width:338px;
height:auto;
float:left;
margin:1px 0px 0px 0px;
color:#333333;
}
.support_content a
{
color:#056ab0;
text-decoration:none;
}
.support_content a:hover
{
text-decoration:underline;
}



/*AutoComplete flyout */
.autocomplete_completionListElement
{
    visibility: hidden;
    margin: 0px !important;
    background-color:inherit;
    color: windowtext;
    border: buttonshadow;
    border-width: 1px;
    border-style: solid;
    cursor: 'default';
    overflow: auto;
    height: auto;
    text-align: left;
    list-style-type: none;
    padding:0px;
   
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
    background-color: #cdcdcd;/*#ffff99;*/
    color: black;
    padding: 1px;
}
.autocomplete_highlightedListItem:hover
{
    background-color: #cdcdcd;/*#ffff99;*/
    color: black;
    padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem
{
    background-color: #cdcdcd;/*window;*/
    color: windowtext;
    padding: 1px;
}
.autocomplete_listItem:hover
{
    background-color: #cdcdcd;/*window;*/
    color: windowtext;
    padding: 1px;
}
/*----------------------------------------tabber---------------------------------*/


.fancy .ajax__tab_header
{
font-size:12px;
color:#ffffff;
font-family:sans-serif;
}
.fancy .ajax__tab_active .ajax__tab_outer,
.fancy .ajax__tab_header .ajax__tab_outer,
.fancy .ajax__tab_hover .ajax__tab_outer
{
height:24px;
}
.fancy .ajax__tab_active .ajax__tab_inner,
.fancy .ajax__tab_header .ajax__tab_inner,
.fancy .ajax__tab_hover .ajax__tab_inner
{
width:auto;
height:26px;
margin-right:4px; /* offset the width of the left image */
}
.fancy .ajax__tab_active .ajax__tab_tab,
.fancy .ajax__tab_hover .ajax__tab_tab,
.fancy .ajax__tab_header .ajax__tab_tab
{
margin:4px 2px 0px 0px;
width:auto;
padding:0 10px;
border:solid 1px #003a74;
border-bottom:0;
background:-moz-linear-gradient(center top , #1487d2 10%, #10659b 90%) repeat scroll 0 0 transparent;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.1, #1487d2), color-stop(0.9, #10659b));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1487d2', endColorstr='#10659b');
-webkit-border-top-left-radius:5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-right-radius:5px;
-moz-border-radius-topright: 5px;

}

.fancy .ajax__tab_hover .ajax__tab_tab,
.fancy .ajax__tab_active .ajax__tab_tab
{
color:#000000;
width:auto;
background:-moz-linear-gradient(center top , #eeeeee 10%, #ffffff 90%) repeat scroll 0 0 transparent;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.1, #eeeeee), color-stop(0.9, #ffffff));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff');
background-position:bottom;
border:solid 1px #cccccc;
border-bottom:solid 2px #ffffff;
-webkit-border-top-left-radius:5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-right-radius:5px;
-moz-border-radius-topright: 5px;
z-index
}
.fancy .ajax__tab_body
{
font-family:verdana,tahoma,helvetica;
font-size:8pt;
border:1px solid #cccccc;
padding:20px 10px 20px 10px;
background-color:#ffffff;
margin:0;
}
.tab_outer
{
width:960px;
height:auto;
float:left;
}
/*----------------------------------------tabber-ends--------------------------------*/

.rounded_field
{
border:solid 1px #ccc;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
-o-border-radius:4px;
-khtml-border-radius:4px;
margin:2px 1px;
padding:5px;
}
.rounded_field legend
{
font-weight:bold;
padding:0 5px;
border:solid 1px #ccc;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
-o-border-radius:4px;
-khtml-border-radius:4px;
background:-moz-linear-gradient(center top , #ffffff 10%, #eeeeee 90%) repeat scroll 0 0 transparent;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.1, #ffffff), color-stop(0.9, #eeeeee));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee');
}


.modalPopup
{
background-color: Gray;
filter: alpha(opacity=70);
opacity: 0.7;
}
.outerPopup
{
padding: 10px;
-moz-border-radius: 3px 3px 3px 3px;
float: left;
border:solid 5px #ccc;
background-color: White;
}
.outerPopup .panel_outer
{
width:695px!important;
}
.outerPopup .panel_outer table
{
width:100%;
}

div.ajax__calendar_days table tr td{padding-right: 0px;}
div.ajax__calendar_body{width: 215px;}
div.ajax__calendar_container{width: 215px;z-index:100000;}


.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}


.process
{
padding:4px 15px;
color:#fff;
background:-moz-linear-gradient(center top , #4ecaff 10%, #339bff
 90%) repeat scroll 0 0 transparent;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.1, #4ecaff), color-stop(0.9, #339bff));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4ecaff', endColorstr='#339bff');


filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4ecaff', endColorstr='#339bff');
background: -webkit-gradient(linear, left top, left bottom, from(#4ecaff), to(#339bff));
background: -moz-linear-gradient(top, #4ecaff, #339bff);
background-image: -o-linear-gradient(#4ecaff, #339bff);




border:0;
-moz-border-radius:2px;
-webkit-border-radius:2px;
-o-border-radius:2px;
-khtl-border-radius:2px;
cursor:pointer;
}

.process1 {
padding:4px 57px !important;
}

.processtop
{
padding:4px 15px;
color:#fff;
background:-moz-linear-gradient(center top , #4ecaff 10%, #339bff
 90%) repeat scroll 0 0 transparent;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.1, #4ecaff), color-stop(0.9, #339bff));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4ecaff', endColorstr='#339bff');
border:0;
-moz-border-radius:2px;
-webkit-border-radius:2px;
-o-border-radius:2px;
-khtl-border-radius:2px;
cursor:pointer;
margin: -25px 0px 0px;
float:right;
}

   

.process_inner
{
padding:4px 15px;
color:#fff;
background:-moz-linear-gradient(center top , #4ecaff 10%, #339bff
 90%) repeat scroll 0 0 transparent;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.1, #4ecaff), color-stop(0.9, #339bff));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4ecaff', endColorstr='#339bff');
border:0;
-moz-border-radius:2px;
-webkit-border-radius:2px;
-o-border-radius:2px;
-khtl-border-radius:2px;
cursor:pointer;
float:left;
}


.pagesheading
{
margin:10px 0px 3px 2px;
font-size:16px;
color:#06598E;
font-weight:normal;
}

.page_heading
{
	
margin:10px 0px 3px 2px;
font-size:16px;
color:#06598E;
font-weight:normal;

}

.side_link
{
float:right;
border:solid 1px #cccccc;
background: -moz-linear-gradient(center top , #eeeeee, #ffffff) repeat scroll 0 0 ;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.1, #eeeeee), color-stop(0.9, #ffffff));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff');
-moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.5) inset;
-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.5);
padding:2px 10px 2px 10px;
text-decoration:none;
color:#333333;
margin:11px 0 0 0;
text-shadow:1px 1px #ffffff;
 border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-khtml-border-radius: 4px;
}
.side_link:hover
{
color:#1c7cff;
}

.over_effectss
{
width:110px;
height:21px;
float:left;
cursor:pointer;
position:relative;
color:#333;
padding:2px 30px 0px 10px;
border:solid 1px #97bacd;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
khtml-border-radius:3px;
-o-border-radius:3px;
background:url(../images/table_head.png) bottom repeat-x;
margin:2px 0px 0px 2px;
font-family:Arial;
font-size:12px;
}
.down_arrow
{
width:9px;
height:5px;
position:absolute;
top:11px;
right:6px;
background:url(../images/down_arrow.png) bottom repeat-x;
}
.camp_down
{
width:150px;
height:auto;
background:#e8f5fc;
position:absolute;
border:solid 1px #97bacd;
top:23px;
left:-1px;
display:none;
border-bottom:none;
font-family:Arial;
}
.over_effectss:hover .camp_down
{
display:block;
}
.camp_down ul li
{
width:140px;
height:auto;
float:left;
border-bottom:solid 1px #97bacd;
padding:2px 5px 2px 5px;
}
.camp_down ul li a
{
color:#333;
text-decoration:none;
}
.camp_down ul li a img
{
float:left;
margin:4px 5px 0px 0px;
}

.clean_buttons
{
width:auto;
height:auto;
float:left;
border:solid 1px #086aa4;
background:#228bc9;
color:#fff;
padding:3px 10px 3px 10px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
khtml-border-radius:3px;
-o-border-radius:3px;
cursor:pointer;
margin:0px 4px 0px 0px;
}

/*-----------------------------calendar--------------------------------*/
.calendar_shelf
{
width:auto;
height:auto;
float:left;
border-right:0;
border-bottom:0;
margin-top:10px;
}
.calendar_top
{
width:697px;
height:40px;
float:left;
border-bottom:solid 1px #ccc;
border-right:solid 1px #ccc;
	background: -moz-linear-gradient(center top, #ffffff, #eeeeee) repeat scroll 0 0;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.1, #ffffff), color-stop(0.9, #eeeeee));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee');
text-align:center;
}
.nexter
{
width:200px;
height:auto;
margin:6px 0px 0px 263px;
}
.calendar_top h2
{
	font-size:1.2em;
	color:#333;
	float:left;
	font-weight:normal;
	margin:5px 0px 0px 0px;
}
.calendar_top a
{
text-decoration:none;
float:left;
margin:5px 10px 0px 10px;
}
.calendar_tabs
{
width:698px;
height:auto;
float:left;
}
.calendar_tabs table
{
	border-bottom:0;
}
.calendar_tabs table th
{
	color:#333;
	text-shadow:1px 1px #eeeeee;
	border:solid 1px #ccc;
	font-weight:normal;
	text-align:center;
	padding:8px 0px 8px 10px;
	font-size:12px;
	background: -moz-linear-gradient(center top, #ffffff, #eeeeee) repeat scroll 0 0;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.1, #ffffff), color-stop(0.9, #eeeeee));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee');
	text-shadow:1px 1px #ffffff;
}
.calendar_tabs td
{
	/*border-bottom: solid 1px #cccccc;
    border-right: solid 1px #cccccc;*/
    border: solid 1px #cccccc;
	color:#263e71;
	text-align:center;
	padding:8px 10px 8px 10px;
	font-size:16px;
	background:#fff;
}
.calendar_tabs td a
{
	color:#263e71 !important;
}
.calendar_tabs td span
{
color:#999;
font-size:12px;
}
.calendar_tabs td img
{
	margin:0px 5px 0px 0px;
}

.calendar_tabs table tbody tr td
{
background-color:#fff !important;
}

.calendar_tabs table tbody tr td table
{
border:solid 1px #ccc !important;
}


.Qualification{ width:911px; overflow:scroll; height:auto; float:left; margin:0px 0px 0px 0px; border:1px solid #ccc; padding:10px 10px 10px 10px;}
.Qualification td{ border:1px solid #ccc; padding:5px;}

.Qualification tr{ border-top:1px solid #ccc;}
.Qualification th{border-right:1px solid #ccc; padding:5px;}

.Qualification1{ width:910px; overflow:scroll; height:auto; float:left; margin:0px 0px 0px 0px; border:1px solid #ccc; padding:10px 10px 10px 10px;}
.Qualification1 td{ border:1px solid #ccc; padding:5px;}

.Qualification1 tr{ border-top:1px solid #ccc;}
.Qualification1 th{border-right:1px solid #ccc; padding:5px;}


.grid_head
{
width:96%;
height:auto;
float:left;
border:solid 1px #cccccc;
padding:3px 10px 3px 10px;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #ffffff, #eeeeee);
}
.grid_showing
{
width:400px;
height:auto;
float:right;
text-align:right;
}
.grid_showing select
 {
 width:50px;
 height:20px;
 border:solid 1px #cccccc;
 background:#ffffff;
 padding:0px 0px;
 color:#5d6d72;
 margin:2px 4px 2px 4px;
 }
 .show_detail
 {
 width:300px;
 height:auto;
 float:left;
 padding:2px 0px 0px 0px;
 }
 
 
 
 
 
 
 
 .personal 
 {
 width: 77%; height: auto; float: left; margin-top: -81px;
 }
 .personal td
 {
  color: #333333;
    font-size: 16px;
    padding: 3px 0;
    vertical-align: top;  
     border-bottom: 1px solid #000000;
     font-family:Arial narrow;
   
 
 }
 .personal  tr
 {
   line-height:20px;
 }
 
 .personal1 
 {
 width: 100%; height: auto; float: left; margin: 0px;
 }
 .personal1 td
 {
  color: #333333;
    font-size: 16px;
    padding: 3px 0;
    vertical-align: top;  
     border-bottom: 1px solid #000000;
    font-family:Arial narrow;
   
 
 }
 .personal1 tr
 {
  line-height:20px;
 }
 
  .grid 
 {
 width: 100%;
 }
 .grid td
 {
 
   padding-left:5px;
 
 }
  .grid tr
 {
 
    line-height:20px;
 
 }
 
 .table1 
 {
 width: 100%;
 }
 .table1 td
 {
      border-bottom: 1px solid #000000;
      border-left: 1px solid #000000;
       font-family:Arial narrow;
        color: #333333;
    font-size: 16px;
    padding: 3px 0;
    vertical-align: top;
    padding-left:20px;  
 
 }
 .table1 tr
 {
  line-height:20px;
 }
 .form_right td
 {
   border-bottom: 1px solid #000000;
       font-family:Arial narrow;
        color: #333333;
    font-size: 16px;
    padding: 3px 0;
    vertical-align: top;  
 }
 .small
 {
width: 38%; height: auto; float: left; margin-right: 5px; border-right: 1px solid #000;
                                border-bottom: 1px solid #000; font-family:Arial narrow; color: #333333;font-size:15px;
 }
 
 .border_l td
 {
 border-left: 1px solid #000;
 padding-left:20px;
 }
 
 .valid_box{width:220px;clear:both;background:url(images/valid.png) no-repeat left #fff;
border:1px #fff solid;background-position:15px 10px;padding:0px 0px 0px 0px;margin:0 0 10px 0;font-size:14px;}
 



.error_varible{
position:relative;
width:auto;
float:left;}

.errorDescription {
   background: url("images/error.png") no-repeat scroll left center transparent;
    height: 22px;
    right:0px;
    line-height: 20px;
    padding: 0 10px 0 22px;
    position: absolute;
    top: 2px;
    z-index: 100000;
}
.errorAdmission {
   background: url("images/error.png") no-repeat scroll left center transparent;
    height: 22px;
    right:207px;
    line-height: 20px;
    padding: 0 10px 0 22px;
    position: absolute;
    top: 2px;
    z-index: 100000;
}

.errorrecommend {
   background: url("images/error.png") no-repeat scroll left center transparent;
    height: 22px;
    right:526px;
    line-height: 20px;
    padding: 0 10px 0 22px;
    position: absolute;
    top: 2px;
    z-index: 100000;
}


 .personal2 
 {
 width: 100%;
 }
 .personal2 td
 {
 
   padding-left:10px!important;
 
 }
  .personal2 tr
 {
 
    line-height:20px;
 
 }


 
 /*..............................attendance report...........................................................................*/
.attendance_report_otr{ width:97.8%; height:auto; float:left; margin:0px; min-height:100px; border:1px solid #ccc; padding:10px;}

.tr_report{ border:1px solid #900!important;}
.report_sgle h3{ color:#333; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center;  font-weight:bold;}

.report_sgle_marked h3{ color:#333; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center; vertical-align:middle; font-weight:normal; line-height:15px;}

.report_sgle_notmarked h3{ color:#333; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center; vertical-align:middle; font-weight:normal; line-height:15px;}

.report_sgle1 h3{ color:#333; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center; vertical-align:middle; font-weight:normal; line-height:15px;}
.report_sgle1 b, .report_sgle_notmarked b, .report_sgle_marked b{ font-weight:normal; color:#333;}
.report_sgle1 h4, .report_sgle_notmarked h4, .report_sgle_marked h4{ color:#060; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:center;}
.report_btm{ width:auto; height:auto; float:left; margin-top:7px;}
.report_btm h3{ color:#676F72; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; float:left; margin-right:5px;}
.cate_rpt{ width:30px; height:20px; float:left; margin:0px; background:#cffca7; border:1px solid #adadad; margin-right:5px;}
.cate_rpt1{ width:30px; height:20px; float:left; margin:0px; background:#c4ecff; border:1px solid #adadad; margin-right:5px;}
.cate_rpt2{ width:30px; height:20px; float:left; margin:0px; background:#ff9fae; border:1px solid #adadad; margin-right:5px;}






/*.......................dashboard..............................*/
.dashboard_left_side{width:483px;height:auto;float:left;margin:0px 0px 5px 0px;color:#666666; text-shadow:1px 1px #fff;}

.dashboard_left_side table td{padding:3px 10px;border-right: solid 1px #ebebeb;}
.dashboard_left_side tr:nth-child(odd){ background:#fff; }
.dashboard_left_side tr:nth-child(even){ background:#fafafb; }
/*.dashboard_left_side tr:hover{background-color:#f3f3f3;}*/

.dashboard_left_side table th{color:#37848f;text-shadow:1px 1px #fff;font-weight:bold;text-align:left;font-family:Arial, Helvetica, sans-serif;padding:3px 10px;font-size:12px;border-bottom:1px solid #ccc;border-right:1px solid #ccc; background:url(../images/shelf_wrapper.png) repeat-x; border-left:none;}

.dashboard_left_side table {width:95%; border-left:1px solid #ccc;}



/*.................................pop-up......................................................................*/
.pop_up_otr{ width:auto; height:auto; float:right; margin:2px 9px 0px 0px;}

#button {width:78px;height:28px; background:url(../images/popup-btn.jpg) repeat-x;
border:1px solid #ca9336;-webkit-box-shadow:inset 0px 1px 0px #fee395,0px 1px 1px rgba(0,0,0,.15);
-moz-box-shadow:inset 0px 1px 0px #fee395,0px 1px 1px rgba(0,0,0,.15);box-shadow:inset 0px 1px 0px #fee395,0px 1px 1px rgba(0,0,0,.15);font-size:13px;font-weight:bold;
text-align:center;line-height:28px;color:#996633;text-shadow:0px 1px 0px rgba(255,255,255,.4);text-decoration:none; padding:5px;}

#button:hover {
-webkit-box-shadow: inset 0px 1px 0px #fed17e, 0px 1px 1px rgba(0, 0, 0, .1);
	-moz-box-shadow: inset 0px 1px 0px #fed17e, 0px 1px 1px rgba(0, 0, 0, .1);
	box-shadow: inset 0px 1px 0px #fed17e, 0px 1px 1px rgba(0, 0, 0, .1);
	background-image: linear-gradient(top, rgb(254, 194, 82), rgb(254, 205, 97));
}

#modal {
visibility:hidden;width:470px;height:auto;padding:8px;background:url(../images/trans-bg1.png) repeat;position:fixed !important;top:25% !important;left:32% !important;z-index:101;}

#heading {width:470px;height:35px;
	border-bottom: 1px solid #bababa;
	-webkit-box-shadow: inset 0px -1px 0px #fff, 0px 1px 3px rgba(0, 0, 0, .08);
	-moz-box-shadow: inset 0px -1px 0px #fff, 0px 1px 3px rgba(0, 0, 0, .08);
	box-shadow: inset 0px -1px 0px #fff, 0px 1px 3px rgba(0, 0, 0, .08);
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 33px;
	color: #444444;
	text-shadow: 0px 1px 0px #fff;
	background-image: linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
}

#content {width:470px;height:auto;background:#fcfcfc;-webkit-box-shadow:0px 1px 3px rgba(0,0,0,.25);
-moz-box-shadow:0px 1px 3px rgba(0,0,0,.25);box-shadow:0px 1px 3px rgba(0,0,0,.25);-webkit-border-radius:0px 0px 4px 4px;
-moz-border-radius:0px 0px 4px 4px;border-radius:0px 0px 4px 4px;}

#content p {font-size:13px;font-weight:normal;text-align:center;line-height:22px;color:#555555;width:100%;float: left;
margin:19px 0;}

.button {width:auto;height:29px; padding:0px 4px;font-size:13px;font-weight:bold;line-height:20px;color:#fff;text-shadow:0px 1px 0px rgba(0,0,0,.2);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:inset 0px 1px 0px rgba(255,255,255,.5),0px 1px 2px rgba(0,0,0,.3);-moz-box-shadow:inset 0px 1px 0px rgba(255,255,255,.5),0px 1px 2px rgba(0,0,0,.3);
box-shadow:inset 0px 1px 0px rgba(255,255,255,.5),0px 1px 2px rgba(0,0,0,.3);float:left;}

.button img { float:left;width:33px;height:33px;}


.button.green { background:url(../images/pop-btn.jpg) repeat-x;
border:1px solid #5b8821;margin:5px 5px 5px 0px; cursor:pointer;}
.button.red {
background: -webkit-linear-gradient(top,  rgba(248,114,136,1) 0%,rgba(243,71,85,1) 90%,rgba(225,65,77,1) 95%,rgba(206,59,70,1) 100%);
background: -moz-linear-gradient(top,  rgba(248,114,136,1) 0%,rgba(243,71,85,1) 90%,rgba(225,65,77,1) 95%,rgba(206,59,70,1) 100%);
background: -o-linear-gradient(top,  rgba(248,114,136,1) 0%,rgba(243,71,85,1) 90%,rgba(225,65,77,1) 95%,rgba(206,59,70,1) 100%);
background: -ms-linear-gradient(top,  rgba(248,114,136,1) 0%,rgba(243,71,85,1) 90%,rgba(225,65,77,1) 95%,rgba(206,59,70,1) 100%);
background: linear-gradient(top,  rgba(248,114,136,1) 0%,rgba(243,71,85,1) 90%,rgba(225,65,77,1) 95%,rgba(206,59,70,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f87288', endColorstr='#ce3b46',GradientType=0 );
border:1px solid #b0333e;margin:0 35px 0 5px;}

.reveal-modal-bg { position: fixed; height: 100%;width: 100%;background:url(../images/trans-bg.png) repeat; z-index:5;
display: none;top: 0;left: 0; }
#content table{ width:100%;}
#content table td{padding:3px 10px;border-right: solid 1px #e9e9e9; width:22%;}
#content table td:last-child{ border-right:none;}
#content tr:nth-child(odd){ background:#fff;}
#content tr:nth-child(even){ background:#fafafb;}
#content tr:hover{background-color:#f3faff;}
.table_class td{ border-right:none!important;}
.inbtn_sty{ width:auto; height:auto; float:right; background:url(../images/dashbtn-bg.jpg) repeat-x; line-height:10px; border:none; padding:4px 5px; cursor:pointer; margin:14px 25px 0px 0px; color:#fff;-moz-border-radius:5px;-webkit-border-radius:5px;
-o-border-radius:5px;border-radius:5px;-khtml-border-radius:5px;}

/*............................08-10-2012........................................................................................*/

/*..................add this style......................*/
.numbering{ width:30px; height:160px; float:left; border:1px solid #ccc;padding:5px; background:#FCC; margin-right:2px;}
.numbering h3{ color:#333; text-align:center; vertical-align:middle;}

/*.........................replace this style...................................................*/

.report_sgle{ width:75px; height:auto; min-height:160px; float:left; margin:0px; border:1px solid #ccc;padding:5px; background:#ffe186;}
.report_sgle1{ width:105px; height:auto; min-height:160px; float:left; margin:0px;border:1px solid #ccc;padding:5px; background:#ff9fae;}
.report_sgle_notmarked{ width:106px; height:auto; min-height:160px; float:left; margin:0px;border:1px solid #ccc;padding:5px; background:#cffca7;}
.report_sgle_marked{ width:106px; height:auto; min-height:160px; float:left; margin:0px;border:1px solid #ccc;padding:5px; background:#c4ecff;}
 
 
 .dlist_inner1 td
 {
 	border:0px!important;
 	border-left:0px!important;
 	border-style:none!important;
 }
 .dlist_inner1 tbody
 {
 	border:0px!important;
 	border-style:none!important;
 }
 .panel_outer table td table
 {
 	border:0px!important;
 	border-left:0px!important;
 	border-style:none!important;
 }
 .panel_outer table th table
 {
 	border:0px!important;
 	border-left:0px!important;
 	border-style:none!important;
 }
 dlist_inner2 td
 {
 	border:solid 1px #ccc;
 }
 .mtechtab1
{
	border-left:none !important;
	
}
.mtechtab1 td
{
	border-left:none !important;
	text-align:left !important;
}

.alert_boxes {
    background: url("../images/submenu-bg.jpg") repeat-x scroll center top #E7F3F8;
    border: 1px solid #569DBD;
    border-radius: 10px 10px 10px 10px;
    height: auto;
    left: 45%;
    padding: 1%;
    position: fixed;
    top: 50%;
    width: auto;
}
.dlMarksInner
{
	padding-left:0px!important;
	border-left:none!important;
}
.dlMarksInner tbody tr td
{
	padding: 1px 0px!important;
	border-left:none!important;
}

.tabmark
{
	border-left:none!important;
	border-right:none !important;
	
	}
	.tabmark tbody tr td
	{
		padding:0px 2px!important;
		width:40px;
		border-bottom:none!important;
		border-left:none!important;
		border-right:none !important;

/* added on 19-04-2013 */

/*.................................pop-up......................................................................*/
.pop_up_otr{ width:auto; height:auto; float:right; margin:2px 9px 0px 0px;}

#button {width:78px;height:28px; background:url(../images/popup-btn.jpg) repeat-x;
border:1px solid #ca9336;-webkit-box-shadow:inset 0px 1px 0px #fee395,0px 1px 1px rgba(0,0,0,.15);
-moz-box-shadow:inset 0px 1px 0px #fee395,0px 1px 1px rgba(0,0,0,.15);box-shadow:inset 0px 1px 0px #fee395,0px 1px 1px rgba(0,0,0,.15);font-size:13px;font-weight:bold;
text-align:center;line-height:28px;color:#996633;text-shadow:0px 1px 0px rgba(255,255,255,.4);text-decoration:none; padding:5px;}

#button:hover {
-webkit-box-shadow: inset 0px 1px 0px #fed17e, 0px 1px 1px rgba(0, 0, 0, .1);
	-moz-box-shadow: inset 0px 1px 0px #fed17e, 0px 1px 1px rgba(0, 0, 0, .1);
	box-shadow: inset 0px 1px 0px #fed17e, 0px 1px 1px rgba(0, 0, 0, .1);
	background-image: linear-gradient(top, rgb(254, 194, 82), rgb(254, 205, 97));
}

#modal {
visibility:hidden;width:470px;height:auto;padding:8px;background:url(../images/trans-bg1.png) repeat;position:fixed !important;top:25% !important;left:32% !important;z-index:101;}

#heading {width:470px;height:35px;
	border-bottom: 1px solid #bababa;
	-webkit-box-shadow: inset 0px -1px 0px #fff, 0px 1px 3px rgba(0, 0, 0, .08);
	-moz-box-shadow: inset 0px -1px 0px #fff, 0px 1px 3px rgba(0, 0, 0, .08);
	box-shadow: inset 0px -1px 0px #fff, 0px 1px 3px rgba(0, 0, 0, .08);
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 33px;
	color: #444444;
	text-shadow: 0px 1px 0px #fff;
	background-image: linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
}

#content {width:470px;height:auto;background:#fcfcfc;-webkit-box-shadow:0px 1px 3px rgba(0,0,0,.25);
-moz-box-shadow:0px 1px 3px rgba(0,0,0,.25);box-shadow:0px 1px 3px rgba(0,0,0,.25);-webkit-border-radius:0px 0px 4px 4px;
-moz-border-radius:0px 0px 4px 4px;border-radius:0px 0px 4px 4px;}

#content p {font-size:13px;font-weight:normal;text-align:center;line-height:22px;color:#555555;width:100%;float: left;
margin:19px 0;}

.button {width:auto;height:29px; padding:0px 4px;font-size:13px;font-weight:bold;line-height:20px;color:#fff;text-shadow:0px 1px 0px rgba(0,0,0,.2);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:inset 0px 1px 0px rgba(255,255,255,.5),0px 1px 2px rgba(0,0,0,.3);-moz-box-shadow:inset 0px 1px 0px rgba(255,255,255,.5),0px 1px 2px rgba(0,0,0,.3);
box-shadow:inset 0px 1px 0px rgba(255,255,255,.5),0px 1px 2px rgba(0,0,0,.3);float:left;}

.button img { float:left;width:33px;height:33px;}


.button.green { background:url(../images/pop-btn.jpg) repeat-x;
border:1px solid #5b8821;margin:5px 5px 5px 0px; cursor:pointer;}
.button.red {
background: -webkit-linear-gradient(top,  rgba(248,114,136,1) 0%,rgba(243,71,85,1) 90%,rgba(225,65,77,1) 95%,rgba(206,59,70,1) 100%);
background: -moz-linear-gradient(top,  rgba(248,114,136,1) 0%,rgba(243,71,85,1) 90%,rgba(225,65,77,1) 95%,rgba(206,59,70,1) 100%);
background: -o-linear-gradient(top,  rgba(248,114,136,1) 0%,rgba(243,71,85,1) 90%,rgba(225,65,77,1) 95%,rgba(206,59,70,1) 100%);
background: -ms-linear-gradient(top,  rgba(248,114,136,1) 0%,rgba(243,71,85,1) 90%,rgba(225,65,77,1) 95%,rgba(206,59,70,1) 100%);
background: linear-gradient(top,  rgba(248,114,136,1) 0%,rgba(243,71,85,1) 90%,rgba(225,65,77,1) 95%,rgba(206,59,70,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f87288', endColorstr='#ce3b46',GradientType=0 );
border:1px solid #b0333e;margin:0 35px 0 5px;}

.reveal-modal-bg { position: fixed; height: 100%;width: 100%;background:url(../images/trans-bg.png) repeat; z-index:5;
display: none;top: 0;left: 0; }
#content table{ width:100%;}
#content table td{padding:3px 10px;border-right: solid 1px #e9e9e9; width:22%;}
#content table td:last-child{ border-right:none;}
#content tr:nth-child(odd){ background:#fff;}
#content tr:nth-child(even){ background:#fafafb;}
#content tr:hover{background-color:#f3faff;}
.table_class td{ border-right:none!important;}
.inbtn_sty{ width:auto; height:auto; float:right; background:url(../images/dashbtn-bg.jpg) repeat-x; line-height:10px; border:none; padding:4px 5px; cursor:pointer; margin:14px 25px 0px 0px; color:#fff;-moz-border-radius:5px;-webkit-border-radius:5px;
-o-border-radius:5px;border-radius:5px;-khtml-border-radius:5px;}

/*............................08-10-2012........................................................................................*/

/*..................add this style......................*/
.numbering{ width:30px; height:160px; float:left; border:1px solid #ccc;padding:5px; background:#FCC; margin-right:2px;}
.numbering h3{ color:#333; text-align:center; vertical-align:middle;}

/*.........................replace this style...................................................*/

.report_sgle{ width:75px; height:auto; min-height:160px; float:left; margin:0px; border:1px solid #ccc;padding:5px; background:#ffe186;}
.report_sgle1{ width:105px; height:auto; min-height:160px; float:left; margin:0px;border:1px solid #ccc;padding:5px; background:#ff9fae;}
.report_sgle_notmarked{ width:106px; height:auto; min-height:160px; float:left; margin:0px;border:1px solid #ccc;padding:5px; background:#cffca7;}
.report_sgle_marked{ width:106px; height:auto; min-height:160px; float:left; margin:0px;border:1px solid #ccc;padding:5px; background:#c4ecff;}
 
 
 .dlist_inner1 td
 {
 	border:0px;
 	border-left:0px;
 	border-style:none;
 }
 .dlist_inner1 tbody
 {
 	border:0px;
 	border-style:none;
 }
 .panel_outer table td table
 {
 	border:0px!important;
 	border-left:0px!important;
 	border-style:none!important;
 }
 .panel_outer table th table
 {
 	border:0px!important;
 	border-left:0px!important;
 	border-style:none!important;
 }
 dlist_inner2 td
 {
 	border:solid 1px #ccc;
 }
 .mtechtab1
{
	border-left:none !important;
	
}
.mtechtab1 td
{
	border-left:none !important;
	text-align:left !important;
}

.alert_boxes {
    background: url("../images/submenu-bg.jpg") repeat-x scroll center top #E7F3F8;
    border: 1px solid #569DBD;
    border-radius: 10px 10px 10px 10px;
    height: auto;
    left: 45%;
    padding: 1%;
    position: fixed;
    top: 50%;
    width: auto;
}



.box{ float:right;}
.jfontsize-button {
  font-weight: bold;
  padding: 3px;
  color: #000;
  border: solid 1px #ccc;
}

.jfontsize-button:hover {
  text-decoration: none;
  background: #518db4;
  color: #fff;
  border: solid 1px #333;
}

.jfontsize-disabled, .jfontsize-disabled:hover {
  color: #aaa;
  border: solid 1px #eee;
  background: #eee;
}
.profile_details{ width:85%; height:auto; float:left; margin:0px;}

  /*............................08-10-2012........................................................................................*/
  
  /*..................add this style......................*/
  .numbering{ width:30px; height:95px; float:left; border:1px solid #ccc;padding:5px; background:#FCC; margin-right:2px;}
  .numbering h3{ color:#333; text-align:center; vertical-align:middle;}
  
  /*.........................replace this style...................................................*/
  
  .report_sgle{ width:75px; height:auto; min-height:95px; float:left; margin:0px; border:1px solid #ccc;padding:5px; background:#ffe186;}
  .report_sgle1{ width:105px; height:auto; min-height:95px; float:left; margin:0px;border:1px solid #ccc;padding:5px; background:#ff9fae;}
  .report_sgle_notmarked{ width:106px; height:auto; min-height:95px; float:left; margin:0px;border:1px solid #ccc;padding:5px; background:#cffca7;}
  .report_sgle_marked{ width:106px; height:auto; min-height:95px; float:left; margin:0px;border:1px solid #ccc;padding:5px; background:#c4ecff;}
  
  
  
  
  /*..............................................25-03-2013.........................................................................................*/
  
  .details_otr{ width:97.8%; height:auto; float:left; margin:0px; background:#e8f5fc; min-height:100px; border:1px solid #c7d9e3; padding:10px;}
  .profile_img{ width:auto; height:auto; float:left; margin:0px 30px 0px 0px;-webkit-box-shadow:inset 0px 1px 0px rgba(255,255,255,.5),0px 1px 2px rgba(0,0,0,.3);-moz-box-shadow:inset 0px 1px 0px rgba(255,255,255,.5),0px 1px 2px rgba(0,0,0,.3);
  box-shadow: 0px 5px 0px rgba(255,255,255,.5),0px 1px 2px rgba(0,0,0,.3);}
  .profile_img img{ background:#fff; padding:6px;}
  .details_otr table{ background:#fff;-webkit-box-shadow:0px 2px 3px 0px #747474;-moz-box-shadow:0px 2px 3px 0px #747474);box-shadow:0px 2px 3px 0px #747474; margin-bottom:5px;}
  .details_otr td{ border-bottom:1px solid #ccc; padding:3px 5px;}
  .td_class{ width:280px;}
  .details_otr tr:nth-child(even){ background:#f2f9fd;}
  .details_otr tr:nth-child(odd){ background:#fff;}
  
  .details_otr a{ float:right;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4ecaff', endColorstr='#339bff');
  background: -webkit-gradient(linear, left top, left bottom, from(#4ecaff), to(#339bff)); color:#fff; text-decoration:none; padding:2px 10px;
  background: -moz-linear-gradient(top, #4ecaff, #339bff);background-image: -o-linear-gradient(#4ecaff, #339bff); margin:7px 20px 0px 0px;-webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -khtml-border-radius:3px; border-radius:3px;-webkit-box-shadow:inset 0px 1px 0px rgba(255,255,255,.5),0px 1px 2px rgba(0,0,0,.3);-moz-box-shadow:inset 0px 1px 0px rgba(255,255,255,.5),0px 1px 2px rgba(0,0,0,.3);
  box-shadow: 0px 1px 2px rgba(255,255,255,.5),0px 1px 2px rgba(0,0,0,.3);}
  
  .details_otr a:hover{filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#339bff', endColorstr='#4ecaff');
  background: -webkit-gradient(linear, left top, left bottom, from(#339bff), to(#4ecaff));background: -moz-linear-gradient(top, #339bff, #4ecaff);background-image: -o-linear-gradient(#339bff, #4ecaff);}
  
  .list{ width:100%; height:auto; float:left; margin:20px 0px 0px 0px;}
  .list ul{ width:auto; margin-top:10px;}
  .list li{ width:auto; height:auto; float:left; margin:0px 27px 20px 0px; padding:10px;-webkit-transition: margin 0.3s ease-out;-moz-transition: margin 0.3s ease-out;-o-transition: margin 0.3s ease-out; transition: margin 0.3s ease-out}
  
  .list img{ width:50px; height:52px;}
  
  .list li:hover{ margin-top:-3px;}
  .list a{ width:auto; height:auto; text-align:center; float:left; color:#868686; text-decoration:none;}
  .list h3{ padding:5px 10px; background:#f7f7f7;-webkit-box-shadow:inset 0px 1px 0px rgba(255,255,255,.5),0px 1px 2px rgba(0,0,0,.3);-moz-box-shadow:inset 0px 1px 0px rgba(255,255,255,.5),0px 1px 2px rgba(0,0,0,.3);box-shadow: 0px 5px 0px rgba(255,255,255,.5),0px 1px 2px rgba(0,0,0,.3); text-transform:uppercase;}
  .list h4{ text-align:center; font-weight:normal !important;}
  
  
  
  
  
  
  
  
  
  
  /*...................................................profile page (08-04-2013).................................................................*/
  
.profile_side{width:142px;height:auto;float:left;padding:0px;}
.profile_photo{width:120px;height:150px;float:left;border:solid 1px #dedede;padding:5px 5px 5px 5px;}
.profile_photo img{width:120px;height:150px;}

.profile_details{ width:85%; height:auto; float:left; margin:0px;}

.dwld{ width:91px; height:28px; float:right; background:url(../images/sprite.png) scroll transparent no-repeat -0px -0px; }
.dwld:hover{background:url(../images/sprite.png) scroll transparent no-repeat -0px -28px;}
.name_otr, .name_otr1{ width:100%; height:auto; float:left; margin:0px;}
.name_otr h1, .name_otr1 h1{ font-size:14px; padding:3px 5px;border-bottom:2px solid #a2cae3; color:#000;margin-bottom:7px; text-shadow:1px 1px #fff; text-transform:uppercase; font-weight:bold;}
.name_otr h2, .name_otr1 h2{ font-size:14px; color:#000; font-weight:normal; padding-left:5px; width:60%;}
.name_otr h3, .name_otr1 h3{ font-size:12px;font-weight:normal;padding-left:5px; margin-bottom:10px; width:60%; color:#000;}
.name_otr th{ font-size:12px; font-weight:bold; padding:3px 5px; text-shadow:1px 1px #fff; background:#e8f5fc url(../images/table_head.png) top repeat-x; color:#666; text-align:left; border:1px solid #dae8f0;}
.name_otr1 th{font-size:12px; font-weight:bold; padding:3px 5px; text-shadow:1px 1px #fff; background:#e8f5fc url(../images/table_head.png) top repeat-x; color:#666; text-align:left; border:1px solid #dae8f0;}
.name_otr2 th{ font-size:12px; font-weight:bold; padding:3px 5px; text-shadow:1px 1px #fff; background:#e8f5fc url(../images/table_head.png) top repeat-x; color:#666; text-align:left; border:1px solid #dae8f0;}

.name_otr td{ padding:2px 5px;text-shadow:1px 1px #fff; color:#000;}
.name_otr1 td{ padding:3px 5px; border:1px solid #ebebeb; text-shadow:1px 1px #fff;}
.name_otr table{ width:100%; margin-bottom:10px;}
.name_otr1 table{ width:100%;}
.name_otr1 td{transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;}
.name_otr tr:nth-child(odd) {  background-color:#fff;}
.name_otr tr:nth-child(even)   {background-color:#fff;}
.name_otr1 td:hover{background-color:#f3f3f3;}
.name_otr span{ color:#868686; font-weight:bold; margin-right:5px;}
.first_td{ width:380px;}
.td_enroll{ width:50px;}
.menu_list {	
width: 133px;
}
.menu_head {
padding: 5px 10px;
cursor: pointer;
position: relative;
margin:1px;
font-weight:normal;text-shadow:1px 1px #fff;
background: #f1f1f1 url(../images/left.png) center right no-repeat;
}
.menu_body {
display:none;
}
.menu_body a{
display:block;
color:#333; text-shadow:1px 1px #fff; border-bottom:1px solid #fff;
background-color:#EFEFEF;
padding: 5px 10px;
text-decoration:none;
}
.menu_body a:hover{
color: #000000; background:#e6e5e5;
}



/*...........................................................tab.............................................................................*/
.tab_otr{ width:100%; height:auto; float:left; margin:0px 0px 10px 0px;} 
.tabs { list-style: none; overflow: hidden; padding-left: 1px; }
.tabs li { display: inline; }
.tabs li a {display: block; float: left; padding: 4px 8px; color:#333; text-shadow:1px 1px #fff; border: 1px solid #ccc; background: #e4f3fc; margin: 0 0 0 -1px; text-decoration:none;}
.tabs li a.current { background:#fff; border-bottom: 0; position: relative; top: 2px; z-index: 2; }


.box-wrapper {padding:5px; background: white; border: 1px solid #ccc; margin:-1px 0 0 0;height:auto; position: relative; min-height:150px;overflow-y:scroll;}
.content-box { overflow: hidden; position: absolute; width:99%; height: auto; min-height:150px;  }

.current { z-index: 100; }

.col-one, .col-two, .col-three { width:100%; float: left; position: relative; top: 350px; background:#fff; }
.col-one, .col-two { margin-right: 3%; }
#largeImage {position: absolute;padding: 5px;background-color: #fff;border: 1px solid #dedede;}



.box{ float:right;}
.jfontsize-button {
  font-weight: bold;
  padding: 3px;
  color: #000;
  border: solid 1px #ccc;
}

.jfontsize-button:hover {
  text-decoration: none;
  background: #518db4;
  color: #fff;
  border: solid 1px #333;
}

.jfontsize-disabled, .jfontsize-disabled:hover {
  color: #aaa;
  border: solid 1px #eee;
  background: #eee;
}

.some-class-name {
  margin: 20px 0 0 0;
}


.name_otr1 th table{ margin:0px !important;}
.name_otr1 th table td{ border:none; width:134px ; text-align:center !important; }
.name_otr1 td table td{width:105px ; border:none ; text-align:center !important}

.name_otr2 th table{ margin:0px !important;}
.name_otr2 th table td{ border:none; width:134px !important;}
.name_otr2 td table td{width:105px !important; border:none !important;}

.inner_head td{ width:150px }
.name_otr2 th table td{ width:100px;}
 /* 29-04-2013*/
 .name_otr2 div table  
						{
 						padding:0 !important;
                        border:0 !important;
                        border-left:0px!important;
                        border-style:none!important;
                        border-collapse:none !important;
                        border-spacing:none !important;
                        }


.name_otr2 table td table {padding:0 !important; 
                           border:0 !important;
                           border-left:0px!important;
                           border-style:none!important;
                           border-collapse:none !important;}
                           
.panel_outer1
{
width:100%;
height:auto;
float:left;
margin:10px 0px 0px 0px; overflow:auto; 
}
.panel_outer1 a
{
color:#0b94e4;
text-decoration:underline;
}
.panel_outer1 th a
{
color:#666;
text-decoration:underline;
}

.panel_outer1 table
{
       border-bottom:none;
       border-right:none;
       border-top:none;table-layout:fixed; word-wrap:break-word; 
}
.panel_outer1 th:first-child{width:350px !important;}
.panel_outer1 th
{
       color:#666666; border-left:1px solid #DAE8F0 !important; width:100px;
       text-shadow:1px 1px #eeeeee;
       border-left:none;
       font-weight:bold;
       text-align:left;
       padding:3px 0px 3px 8px;
       font-size:12px;
       background:url(../images/table_head.png) bottom repeat-x;
       text-shadow:1px 1px #ffffff;
       }

.panel_outer1 td
{
       color:#666;
       text-align:left;
       padding:3px 10px 3px 10px;
       font-size:12px;

}
.panel_outer1 td img
{
margin:0px 5px 0px 0px;
}
.headerStl { border:0px solid #ebebeb !important; width:150px !important;}
/*.panel_outer1 table td table td{text-align:center !important; border-right:1px solid #ebebeb !important;}*/
.panel_outer1 table td table td:last-child{ border-right:none !important;}
/*.panel_outer1 table tr td table tr td{border:none solid #EBEBEB !important;}
.panel_outer1 table tr td{ border:none;}
.panel_outer1 table tr td:first-child{ border:1px solid #ebebeb;}*/

				/* back button */
 .back_btn{ width:auto; height:auto; float:right; margin:0px 10px 0px 0px; text-decoration:none; background:#1171b0; padding:3px 13px; color:#fff;-moz-border-radius:2px;-webkit-border-radius:2px;
 -o-border-radius:5px;border-radius:2px;-khtml-border-radius:2px;}

.back_btn :hover{ background:#1a7ec0;}