body
{
	background:url(../../images/bg.jpg) no-repeat center top #310b28;
	font-family:Arial, Helvetica, sans-serif;
	padding:0;
	font-size:12px;
	margin:0 auto;
	color: #0e4354;
}
.pagingclass
{ 
	font-size:11px; font-weight:bold;	
	border:1px solid #60C8F2;padding : 4px; text-decoration:none;
}
.clear{
	clear:both;
}

a{
	color:#256c89;
}




h2{
	font-size:18px;
	color:#256c89;
	font-weight:normal;
	padding:10px 0 15px 0;
	margin:0px;
	clear:both;
}
h3{
	font-size:18px;
	color:#256c89;
	font-weight:normal;
	padding:15px 0 5px 20px;
	margin:0px;
	float:left;
	clear:both;
}
a.forgot_pass{
	float:right;
	color:#256c89;
	text-decoration:none;
	background:url(../../images/help.png) no-repeat left;
	padding:0 0 0 18px;
	display:block;
	margin:15px 20px 0 0;
}
#main_container{
	margin:0 auto;
	width:95%;
	padding:0px 0 0px 0;
}
.header{
	width:98%;
	height:140px;
}
.header_login{ 
	width:100%; height:200px;
	margin:auto;
}
#new_bolck { 
	width:347px;
	height:250px;
	background:url(../../images/login_bg.png) no-repeat center top;
	margin:20px 0 0 10px;
	float:left;
	padding:0px 0 0 0px;
}
.logo{
	float:left;
	padding:20px 0 0 15px;
}
#clock_a{
	float:left;
	padding:15px 0 0 200px;
}
.jclock{
	color:#FFFFFF;
	float:right;
	font-size:22px;
	font-weight:bold;
	padding:34px 25px 0 0;
}
.right_header{
	width:450px;
	float:right;
	text-align:right;
	color:#FFFFFF; font-size:14px;
	padding:20px 0 0 0;
}
.right_header a{
	margin:0 5px 0 5px;
	text-decoration:underline;
	color:#FFFFFF;
}
.right_header a.messages{
	background:url(../../images/comment.png) no-repeat right;
	padding-right:20px;
}
.right_header a.logout{
	background:url(../../images/user_logout.png) no-repeat right;
	padding-right:20px;
}

.main_content{
	margin:0 auto;
	width:98%;
	height:auto;
	padding:0px 0 50px 0;
	background:url(../../images/menu_bg.jpg) repeat-x center top #fff;
}
.footer{width:98%;height:87px;
	/*background:url(../../images/footer_bg.jpg) no-repeat center top;*/
}
.footer_login{width:100%;margin:auto;}
.left_footer{float:left;padding:25px 0 0 10px;color:#a8549b;font-size:11px;}
.left_footer a{color:#FFFFFF;text-decoration:none;}
.right_footer{float:right;padding:25px 10px 0 0;}

.left_footer_login{float:left;padding:15px 0 0 10px;color:#a8549b;font-size:11px; width:50%; }
.left_footer_login a{color:#FFFFFF;text-decoration:none;}
.right_footer_login{float:right;padding:15px 10px 0 0;}
/*---------------- menu----------------------*/
.menu {font-size:11px;padding:0px 10px 0 10px; float:left; width:100%;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; height:34px;}

/* style the sub-level lists */
.menu ul ul {width: auto;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {float:left;height:34px;line-height:34px;}

/* style the sub level list items */
.menu ul ul li {display:block;width: auto;height:auto;position:relative;line-height:1em;}

/* style the links for the top level */
.menu a, .menu a:visited {display:block;float:left;height:100%;font-size:11px;text-decoration:none;color:#fff;padding:0 21px 0 17px;}
.menu a.current{background:url(../../images/menu_bg.gif) repeat-x center;}
/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {display:block;background:#57c0e8; border-bottom:1px #81dafc solid; color:#fff;width:12em;height:100%;line-height:1em;padding:1em 1em;}
.menu ul table ul a, .menu ul table ul a:visited  {width:14em; w\idth:12em;}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; left:0; top:0; font-size:1em; z-index:-1;}
.menu ul ul table {lef\t:-1px;}
.menu ul ul table ul.left {margin-lef\t:2px;}

.menu li:hover {position:relative;}
* html .menu a:hover {position:relative;}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#57c0e8;}
/* style the fourth level background */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:#57c0e8;}
/* style the sub level 1 background */
.menu ul :hover a.sub1 {background:url(../../images/arrow.gif) no-repeat right #309dc7;}
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {background:url(../../images/arrow.gif) no-repeat right #088bb4;}

/* style the level hovers */
/* first */
.menu a:hover {color:#fff;background:url(../../images/menu_bg.gif) repeat-x center;}
.menu :hover > a {color:#fff;background:url(../../images/menu_bg.gif) repeat-x center;}
/* second */
.menu ul ul a:hover{color:#fff;background:url(../../images/menu_bg_a.gif) repeat-x center;}
.menu ul ul :hover > a {color:#fff;background:url(../../images/menu_bg_a.gif) repeat-x center;}
/* third */
.menu ul ul ul a:hover {background:url(../../images/menu_bg_a.gif) repeat-x center;}
.menu ul ul ul :hover > a {background:url(../../images/menu_bg_a.gif) repeat-x center;}
/* fourth */
.menu ul ul ul ul a:hover {background:url(../../images/menu_bg_a.gif) repeat-x center;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:34px;left:0;width:14em; z-index:999;}

/* position the third level flyout menu */
.menu ul ul ul{left:14em;top:0;width:14em;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-14em;}


/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {visibility:visible; height:auto; padding-bottom:3em; background:transparent url(../../images/trans.gif);}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{visibility:visible;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}

.center_content{
	clear:both;
}

.left_content{
	width:20%;
	float:left;
	padding:30px 0 0 1%;
}
.right_content{
	width:75%;
	float:right;
	padding:30px 1% 0 0;
}

.sidebarmenu{
	margin:0px 0;
	padding:0;
	width:195px;
}
.sidebarmenu a.menuitem{background:url(../../images/sidebar_menu_top.gif) no-repeat center top;
	color: #fff;display: block;position: relative;width:185px;height:31px;margin:0 0 5px 0;line-height:31px;padding:0px 0 0 10px;text-decoration: none;
}
.sidebarmenu a.menuitem_green{background:url(../../images/green_bt.gif) no-repeat center top;
	color: #fff;display: block;position: relative;width:185px;height:31px;margin:0 0 5px 0;line-height:31px;padding:0px 0 0 10px;text-decoration: none;
}
.sidebarmenu a.menuitem_red{background:url(../../images/red_bt.gif) no-repeat center top;
	color: #fff;display: block;position: relative;width:185px;height:31px;margin:0 0 5px 0;line-height:31px;padding:0px 0 0 10px;text-decoration: none;
}
.sidebarmenu a.menuitem:hover{background:url(../../images/sidebar_menu_top_a.gif) no-repeat center top;}
.sidebarmenu a.menuitem_green:hover{background:url(../../images/green_bt_a.gif) no-repeat center top;}
.sidebarmenu a.menuitem_red:hover{background:url(../../images/red_bt_a.gif) no-repeat center top;}

.sidebarmenu a.menuitem:visited, .sidebarmenu .menuitem:active{
	color: white;
}
.sidebarmenu a.menuitem .statusicon{
	position: absolute;
	top:11px;
	right:7px;
	border: none;
}

.sidebarmenu div.submenu{
	background: white;
	width:1100px;
}
.sidebarmenu div.submenu ul{ 
	list-style-type: none;
	margin: 0;
	padding: 0 0 5px 0;
}
.sidebarmenu div.submenu ul li{
	border-bottom: 1px dotted #bfd1d9;
}
.sidebarmenu div.submenu ul li a{
	display: block;
	color: black;
	text-decoration: none;
	padding:5px 0;
	padding-left: 10px;
}
.sidebarmenu div.submenu ul li a:hover{
	background: #e2f0ff;
	color: #0e4354;
}

.sidebar_search{
	background:url(../../images/sidebar_menu_top.gif) no-repeat center;
	width:195px;
	height:31px;
	margin:0 0 5px 0;
}
input.search_input{
	width:155px;
	height:16px;
	margin:5px 0 0 5px;
	border:1px #bdebfd solid;
	background:#92dbf8;
	padding:4px 0 0 2px;
	float:left;
	color:#096184;
	font-size:11px;
}
input.search_submit{
	float:left;
	background:none;
	border:none;
	margin:7px 0 0 8px;
}


#rounded-corner
{
	margin:0px;
	width:100%;
 
	border-collapse: collapse;
	font-family:Arial, "Times New Roman", Verdana;

}


#rounded-corner thead th.rounded-company
{
	width:26px;
	background: #60c8f2 url('../../images/left.jpg') left top no-repeat;
}


#rounded-corner thead th.rounded-q4
{
	background: #60c8f2 url('../../images/right.jpg') right top no-repeat;
}


#rounded-corner th
{
	padding: 8px;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	background: #60c8f2;
}

#rounded-corner td
{
	padding: 8px;
	background: #ecf8fd;
	border-top: 1px solid #fff;
	
	color: #669;
}
#rounded-corner tfoot td.rounded-foot-left
{
	background: #ecf8fd url('../../images/botleft.jpg') left bottom no-repeat;
}
#rounded-corner tfoot td.rounded-foot-right
{
	background: #ecf8fd url('../../images/botright.jpg') right bottom no-repeat;
}
#rounded-corner tbody tr:hover td
{
	background: #d2e7f0;
}


#rounded-corner_new
{
	width:55%;
	text-align: center;
	border-collapse: collapse;
	font-family:Arial, "Times New Roman", Verdana;
	line-height:30px;
}


#rounded-corner_new thead th.rounded-company
{
	width:26px;
	background: #60c8f2 url('../../images/left.jpg') left top no-repeat;
}


#rounded-corner_new thead th.rounded-q4
{
	background: #60c8f2 url('../../images/right.jpg') right top no-repeat;
}


#rounded-corner_new th
{
	padding: 8px;
	font-weight: bold;
	font-size: 16px;
	color: #fff;
	background: #60c8f2;
}

#rounded-corner_new td
{
	padding: 8px;
	background: #ecf8fd;
	border-top: 1px solid #fff;
	color: #669;
	font-size:14px;
}


#rounded-corner_new tfoot td.rounded-foot-left
{
	background: #ecf8fd url('../../images/botleft.jpg') left bottom no-repeat;
}
#rounded-corner_new tfoot td.rounded-foot-right
{
	background: #ecf8fd url('../../images/botright.jpg') right bottom no-repeat;
}
#rounded-corner_new tbody tr:hover td
{
	background: #d2e7f0;
}

.question {
	position: absolute;
	display: inline;
	text-align: center;
	width: 174px;
	height: 78px;
	font-size: 13px;
	line-height: 1.5em;
	background: url('../../images/bubble.png') left top no-repeat;
	padding: 10px 0 0 0;
	text-shadow: 0px 1px 0px #fff;
	margin-left: -7em;
	margin-top: -6em;
	opacity: 0;
}

.yes{
	margin-top: .5em;
	margin-right: .5em;
	cursor: pointer;
	display: inline-block;
	width: 63px;
	height: 21px;
	color: #434d17;
	text-shadow: 0px 1px 0px #fff;
	background: url('../../images/buttony.png') left top no-repeat;
}
.cancel {
	margin-top: .5em;
	margin-right: .5em;
	cursor: pointer;
	display: inline-block;
	width: 63px;
	height: 21px;
	color: #fff;
	text-shadow: 0px 1px 0px #000;
	background: url('../../images/buttonn.png') left top no-repeat;
}

a.bt_green{display:block; float:right; margin:10px 5px 10px 5px; line-height:31px; text-decoration:none; color:#FFFFFF; text-shadow:1px 1px #8fa42b;}
a.bt_green strong{width:auto;height:31px; padding:0 10px 0 10px;display:block; float:left;background:url(../../images/bt_green_center.gif) repeat-x center;}
a.bt_green span.bt_green_lft{width:10px;height:31px;display:block; float:left;background:url(../../images/bt_green_left.gif) no-repeat center right;}
a.bt_green span.bt_green_r{width:10px;height:31px;display:block; float:left;background:url(../../images/bt_green_r.gif) no-repeat center right;}
a:hover.bt_green{ text-decoration:underline;}

a.bt_blue{display:block; float:right; margin:10px 5px 10px 5px; line-height:31px; text-decoration:none; color:#FFFFFF; text-shadow:1px 1px #3597bf;}
a.bt_blue strong{width:auto;height:31px; padding:0 10px 0 10px;display:block; float:left;background:url(../../images/bt_blue_center.gif) repeat-x center;}
a.bt_blue span.bt_blue_lft{width:10px;height:31px;display:block; float:left;background:url(../../images/bt_blue_left.gif) no-repeat center right;}
a.bt_blue span.bt_blue_r{width:10px;height:31px;display:block; float:left;background:url(../../images/bt_blue_r.gif) no-repeat center right;}
a:hover.bt_blue{ text-decoration:underline;}

a.bt_red{display:block; float:right; margin:10px 5px 10px 5px; line-height:31px; text-decoration:none; color:#FFFFFF; text-shadow:1px 1px #c24739;}
a.bt_red strong{width:auto;height:31px; padding:0 10px 0 10px;display:block; float:left;background:url(../../images/bt_red_center.gif) repeat-x center;}
a.bt_red span.bt_red_lft{width:10px;height:31px;display:block; float:left;background:url(../../images/bt_red_left.gif) no-repeat center right;}
a.bt_red span.bt_red_r{width:10px;height:31px;display:block; float:left;background:url(../../images/bt_red_r.gif) no-repeat center right;}
a:hover.bt_red{ text-decoration:underline;}

.sidebar_box{
	width:195px;
	padding:15px 0 5px 0;
}
.sidebar_box_top{width:195px;height:8px;background:url(../../images/sidebar_box_top.gif) no-repeat center bottom;}
.sidebar_box_bottom{width:195px;height:8px;background:url(../../images/sidebar_box_bottom.gif) no-repeat center bottom;}
.sidebar_box_content{width:175px;height:auto;background-color:#ecf8fd; padding:0 10px 0 10px;}

.sidebar_box_content h3{ color:#49bae8; float:left; font-size:18px; margin:0px;padding:0px; font-weight:normal;}
.sidebar_box_content h4{ color:#f75744; float:left; font-size:18px; margin:0px;padding:0px; font-weight:normal;}
.sidebar_box_content h5{ color:#a4bf40; float:left; font-size:18px; margin:0px;padding:0px; font-weight:normal;}
.sidebar_box_content p{padding:5px 0 5px 0; margin:0px; clear:both; font-size:11px; text-align:left; line-height:17px;}
img.sidebar_icon_right{
float:right; padding:0 0 0 0;
}
.sidebar_box_content ul{
	list-style:none;
	padding:10px 0 10px 0;
	margin:0px;
	clear:both;
}
.sidebar_box_content ul li{
	padding:5px 0 5px 10px;
	background:url(../../images/list_bullet.gif) no-repeat left top;
	background-position:0px 10px;
}


.warning_box{width:540px;clear:both;background:url(../../images/warning.png) no-repeat left #fcfae9;
border:1px #e9e6c7 solid;background-position:15px 10px;padding:20px 20px 15px 60px;margin:0 0 10px 0; text-align:left;}

.valid_box{width:540px;clear:both;background:url(../../images/valid.png) no-repeat left #edfce9;
border:1px #cceac4 solid;background-position:15px 10px;padding:20px 20px 15px 60px;margin:0 0 10px 0; text-align:left;}

.error_box{width:540px;clear:both;background:url(../../images/error.png) no-repeat left #fce9e9;
border:1px #eac7c7 solid;background-position:15px 10px;padding:20px 20px 15px 60px;margin:0 0 10px 0; text-align:left;}

/*--------------*/
div.pagination {
	width:98%;
	clear:both;
	padding:10px 0 10px 0;
	margin:0px;
	text-align:center;
	float:left;
	clear:both;
	font-size:11px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #52bfea;
	text-decoration: none; 
	color: #52bfea;
}
div.pagination a:hover, div.pagination a:active {
	border:1px solid #52bfea;
	color: #fff;
	background-color: #52bfea;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #52bfea;
	font-weight: bold;
	background-color: #52bfea;
	color: #FFF;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #f3f3f3;
	color: #ccc;
}

/****************** Shortcuts *******************/
.shortcuts-list {
	padding-top: 0.5em;
	width:640px;
}
.shortcuts-list li {
	float: left; list-style:none;
	padding-right:10px;
}


.shortcuts-list li a {
	display: block;
	width: 150px;
	padding-top: 63px;
	color: #808080;
	text-decoration:none;
	text-align: center;
	position: relative;
	padding-bottom: 9px;
	-moz-border-radius: 0.417em;
	-webkit-border-radius: 0.417em;
	-webkit-background-clip: padding-box;
	border-radius: 0.417em;
}

body.dark .shortcuts-list li a {
	color: white;
}
body.dark .block-content .shortcuts-list li a {
	color: #808080;
}
.dark-grey-gradient .shortcuts-list li a,
.shortcuts-list.dark-grey-gradient li a {
	color: white;
}
.shortcuts-list li a:hover {
	background: #E0E0E0;
}
body.dark .shortcuts-list li a:hover {
	background: #404040;
}
body.dark .block-content .shortcuts-list li a:hover {
	background: #E0E0E0;
}
.dark-grey-gradient .shortcuts-list li a:hover,
.shortcuts-list.dark-grey-gradient li a:hover {
	color: white;
	background: #404040;
}
.shortcuts-list li a img {
	position: absolute;
	top: 9px;
	left: 50%;
	margin-left: -24px;
}

/************* Mobile customization *************/
@media only screen and (max-device-width: 480px) {

	.shortcuts-list {
		padding-top: 0;
	}
	article > .shortcuts-list {
		margin-left: -0.5em;
		margin-right: -0.5em;
	}
	article > .shortcuts-list li a {
		width: 6.5em;
	}

}



.border{
	border:none;
	width:100%;
	padding:3px;
	font-size:12px;

}
.title{
	font-size:14px;
	font-weight:bold;
	height:40px;
	color:#0066CC;
	padding:5px;
	text-align:center;
	vertical-align:middle;
}

.link{
	font-size:12px;
	font-weight:bold;
	color:#000;
}
.link a{ color:#CC0000;}
.link a hover{
	color:#CC0000;
	text-decoration:underline;
}
.link active{
	text-decoration:none;
}

.link visited{
	text-decoration:none;
}

#error_msg
{
	border: 1px solid rgb(251, 205, 156); 
	color:#0066CC; 
	font-size:14px;
	padding: 3px 3px; 
	background: rgb(255, 255, 229) none repeat scroll 0% 0%;
	 -moz-background-clip: border; 
	 -moz-background-origin: padding; 
	 -moz-background-inline-policy: continuous; 
	 margin-top: 3px;
}