@charset "utf-8";
/* CSS Document */

a {	text-decoration:none;
	color: #006699;}
a:hover {text-decoration:underline;}


body {
	margin: 0px;
	background: #ffffff;
	font-size: 12px;
	font-family: Verdana, Tahoma, Helvetica, sans-serif;
	color: #454444;
}

div.all {}

div.header {
	width: 985px;
	margin: auto;
	height: 95px;
}

div.logo {
	float: left;
	background: #ffffff;
	width: 30%;
}

div.headerMsg {
	float: left;
	background: #ffffff;
	width: 50%;
}

div.logo img {
	border: none;
}

div.phones {
	width: auto;
	float: right;
	/*  change margin top to 10  */
	margin-top: 30px;
	margin-right: 20px;
	color: #006699;
}

div.phones table td {
	padding: 2px;
}

div.nav {
	clear: both;
	width: 985px;
	height: 37px;
	background: url(../images/nav_bgr.gif) top left repeat-x;
	margin: auto;
}

div.navLeft {
	height: 37px;
	background: url(../images/nav_left.gif) top left no-repeat;
	padding-left: 12px;
}

div.navRight {
	height: 37px;
	background: url(../images/nav_right.gif) top right no-repeat;
	padding-right: 12px;
}

/*div.nav a {
	padding: 8px 13px;
	text-decoration: none;
	text-transform: uppercase;
	color: #006699;
	font-size: 14px;
	font-family: Tahoma, Arial, sans-serif;
	background: url(../images/nav_del.gif) top right no-repeat;
}*/

div.nav a:hover {
	background: #ffffff url(../images/nav_del.gif) top right no-repeat;
}

div.cntnt_header {
	width: 950px;
	margin: auto;
	margin-top: 10px;
}


div.anim {
	width: 985px;
	height: 360px;
	margin: auto;
	margin-top: 10px;
}

div.animFix {
	width: 985px;
	height: 360px;
	position: relative;
}

div.img {
	width: 985px;
	height: 360px;
	background: url(../images/slide_01.jpg) top left no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
}

div.paging {
	width: 985px;
	height: 28px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 101;
	text-align: center;
}

div.content {
	width: 985px;
	margin: auto;
	margin-top: 10px;
}

/*Box Line style and positionning*/

div.boxLine div.box div.box_lrg div.box_login{
	padding-left: 1px;
}

div.boxLine div.box {
	width: 291px;
	height: 236px;
	float: left;
	background: url(../images/box_bgr.gif) center top no-repeat;
	margin: 0 18px;
}


div.box_lrg {
	width: 600px;
	height: 350px;
	float: left;
	background: url(../images/box_bgr_lrg.gif) center top no-repeat;
	margin: 0 18px;
}

div.box_login {
	width: 291px;
	height: 350px;
	float: left;
	background: url(../images/box_bgr_login.gif) center top no-repeat;
	margin: 0 18px;
}

div.boxLine div.box  div.title {
	font-size: 22px;
	font-family: Tahoma, Arial, sans-serif;
	color: #006699;
	margin: 24px 24px 12px 34px;
}

div.box_lrg div.title2{
	font-size: 22px;
	font-family: Tahoma, Arial, sans-serif;
	color: #006699;
	margin: 24px 24px 12px 34px;
}

div.box_login div.title3{
	font-size: 22px;
	font-family: Tahoma, Arial, sans-serif;
	color: #006699;
	margin: 24px 24px 12px 34px;
}

div.boxLine div.box p {
	margin-left: 34px;
	margin-right: 24px;
	line-height: 1.1em;
	font-size: 12px;
}

form#login {
	display: inline;
	font-size: 11px;
}

form#login table td {
	padding: 2px;
}

form#login table td input {
	width: 130px;
	height: 14px;
	font-size: 11px;
}

.CInput5{
	width: 45px;
	height: 14px;
	font-size: 11px;
}

.CErrorText
{
    FONT-WEIGHT: bolder;
    COLOR: #ff0000;
}

form#login table td input#secute_login {
	width: 147px;
	height: 25px;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	cursor: pointer;
	background-color: #0170a3;
	
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0170a3), to(#009fe8));
	  
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #009fe8, #0170a3);
	  
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #009fe8, #0170a3);
	  
	/* IE 10 */
	background: -ms-linear-gradient(top, #009fe8, #0170a3);
	  
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #009fe8, #0170a3);
	
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0170a3', endColorstr='#009fe8'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0170a3', endColorstr='#009fe8')"; /* IE8 */
	
	border: 1px solid #0186c4;
	border-radius: 3px;
	
}

form#login table td input#secute_login:hover {
	background-color: #0183bf;
	
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0183bf), to(#009fe8));
	  
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #009fe8, #0183bf);
	  
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #009fe8, #0183bf);
	  
	/* IE 10 */
	background: -ms-linear-gradient(top, #009fe8, #0183bf);
	  
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #009fe8, #0183bf);
	
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0183bf', endColorstr='#009fe8'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0170a3', endColorstr='#009fe8')"; /* IE8 */	
}

div.boxLine div.box div.box_lrg div.box_login div.link {
	margin: 10px 20px 0 20px;
	text-align: right;
	font-size: 11px;
}

div.boxLine div.box div.box_lrg div.box_login div.link a {
	color: #0083bf;
	text-decoration: underline;
	font-size: 11px;
}

form#login table td select#select_type {
	width: 130px;
	height: 20px;
	padding: 1px;
	font-size: 11px;
}

div.boxLine div.box div.logMultiWeb {
	/*width: 279px;*/
	height: 39px;
	margin-left: 5px;
	background: url(../images/multiweb.gif) top left no-repeat;
}

div.boxLine div.box div.logMultiWeb a {
	display: block;
	padding-right: 90px;
	height: 39px;
	line-height: 39px;
	text-align: center;
	font-size: 16px;
	color: #ffffff;
}

div.boxLine div.box div.logMultiWeb a:hover {
	text-decoration: none;
}

div.boxLine div.box div.apps {
	text-align: center;
	margin-top: 20px;
}

div.boxLine div.box div.apps a {
	display: inline-block;
	width: 60px;
	height: 49px;
}

div.boxLine div.box div.apps a.ios {background: url(../images/apps_ios.png) top left no-repeat;}
div.boxLine div.box div.apps a.ios:hover {background: url(../images/apps_ios_active.png) top left no-repeat;}

div.boxLine div.box div.apps a.android {background: url(../images/apps_android.png) top left no-repeat; margin: 0 10px;}
div.boxLine div.box div.apps a.android:hover {background: url(../images/apps_android_active.png) top left no-repeat;}

div.boxLine div.box div.apps a.rim {background: url(../images/apps_rim.png) top left no-repeat;}
div.boxLine div.box div.apps a.rim:hover {background: url(../images/apps_rim_active.png) top left no-repeat;}

div.boxLine div.box div.apps a img {border: none;}

/*Menu*/

div.menu {
	width: 250px;
	float: left;
	margin: 0px;
	color: #333333;
}

div.menu a {
	display: block;
	padding: 6px 10px 6px 18px;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}

div.menu a:hover {
	background: #029ccd;
	color: #ffffff;
}

div.menu a.sub {
	padding-left: 26px;
	color: #006699;
	text-decoration: none;
	font-weight: normal;
}

div.menu a.sub:hover {
	color: #ffffff;
}

div.menu span {
	display: block;
	padding: 6px 10px 6px 18px;
	font-style: oblique;
}

div.menu div.delGrad {
	height: 1px;
	margin: 1px 0;
	background: url(../images/del_bgr.gif) center center no-repeat;
}

/*Main text container*/

div.infoJar {
	width: 720px;
	float: right;
	margin: 5px 5px;;
}

div.infoJar h1 {
	font-size: 26px;
	font-weight: normal;
	color: #006699;
}

div.infoJar div.hr {
	height: 1px;
	background: #a9e8fc;
	clear: both;
}


div.infoJar div.illustrate {
	float: left;
	margin: 20px 30px 20px 0;
}

div.infoJar div.illustrate img {
	border: 1px solid #a9e8fc;
}

div.newsLine {
	margin-top: 10px;
	color: #7C7E7E;
}

div.newsLine div.news {
	width: 180px;
	float: left;
	margin-right: 60px;
}

div.newsLine div.last {
	margin-right: 0px !important;
}

div.newsLine div.news h2 {
	color: #006699;
	font-size: 16px;
	font-weight: normal;
}

div.newsLine div.news p {
	font-size: 11px;
}

div.newsLine div.news div.more {
	text-align: right;
}

div.newsLine div.news div.more a {
	color: #029ccd;
	font-size: 11px;
}

div.newsLine div.news div.more a:hover {
	text-decoration: none;
}

/* ################################################################################################################# */
/* Apex Double Box */


div.newsLine div.apex2 {
	width: 270px;
	float: left;
	margin-right: 120px;
}


div.newsLine div.apex2 h2 {
	color: #006699;
	font-size: 16px;
	font-weight: normal;
}

div.newsLine div.apex2 p {
	font-size: 11px;
}

div.newsLine div.apex2 div.more {
	text-align: right;
}

div.newsLine div.apex2 div.more a {
	color: #029ccd;
	font-size: 11px;
}

div.newsLine div.apex2 div.more a:hover {
	text-decoration: none;
}
/* ################################################################################################################# */
/* End Apex Double Box */



/*Footer*/

div.footer {
	background: url(../images/footer_bgr.gif) top left repeat-x;
}

div.footerCenter {
	width: 985px;
	margin: auto;
	padding-top: 4px;
	text-align: right;
	font-size: 10px;
	color: #006699;
}

div.clear {
	height: 1px;
	clear: both;
}
div.hr20 {
	height: 20px;
	clear: both;
}


table.clsTable
{
	font-size: 12px;
}

.CListTD
{
    COLOR: #222222;
}
.CListTH
{
    COLOR: #222222;
	font-weight: bold;
}
.CButton
{
    BORDER-RIGHT: #dcdcdc thin outset;
    BORDER-TOP: #dcdcdc thin outset;
    FONT-WEIGHT: bolder;
    FONT-SIZE: 12pt;
    BORDER-LEFT: #dcdcdc thin outset;
    CLIP: rect(1pt 1pt 1pt 1pt);
    CURSOR: hand;
    COLOR: #191970;
	width: 150px;
    BORDER-BOTTOM: #dcdcdc thin outset;
    BACKGROUND-COLOR: #d3d3d3
}