@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.popUpWin{
	width: 500px;
}

div.logo {
	float: left;
}

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.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;
}

div.contentPopup {
	width: 500px;
	margin: auto;
	margin-top: 10px;
}

/*Box Line style and positionning*/

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

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

div.boxLineBig div.boxBig {
	width: 541px;
	height: 326px;
	float: left;
	background: url(../images/box_bgr_big.gif) center top no-repeat;
	margin: 0 18px;
}

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


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

div.boxLine div.box p {
	margin-left: 4px;
	margin-right: 54px;
	line-height: 1.1em;
}

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

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

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

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

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

form#login table td input#secure_login {
	width: 164px;
	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#secure_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.boxLineBig div.boxBig div.link {
	margin: 10px 30px 0 20px;
	text-align: right;
	font-size: 11px;
}


div.boxLineBig div.boxBig div.link a {
	color: #0083bf;
	text-decoration: underline;
	font-size: 11px;
}



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

div.boxLine div.box 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: 670px;
	float: right;
	margin: 10px 10px;;
}

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.infoJarMain {
	width: auto;
	float: auto;
	margin: 10px 10px;;
}

div.infoJarMain h1 {
	font-size: 26px;
	font-weight: normal;
	color: #006699;
	text-align: center;
}

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


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

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

div.newsLine {
	margin-top: 10px;
}

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;
    /*position : absolute;*/
    bottom : 0;
    height : 40px;
    margin-top : 40px;
}

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;
}


.CListTH
{
    FONT-SIZE: 10pt;
	font-weight: bold;
    COLOR: #000000;
    BACKGROUND-COLOR: #dcdcdc;
}
.CListTD
{
    FONT-SIZE: 8pt;
}

.CLabelTD
{
    FONT-SIZE: 10pt;
    COLOR: #000000;
    BACKGROUND-COLOR: #dcdcdc;
}
.CInputBig
{
    BORDER-RIGHT: silver 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-SIZE: 12px;
    BORDER-LEFT: black 1px solid;
    WIDTH: 250px;
    BORDER-BOTTOM: silver 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica
}
.panicFontClass{
	
	font-size:8pt;
	font-weight:bold;
	color: orange;	
	
}

.CLabel
{
    BACKGROUND-COLOR: #d3d3d3
}
.CDataLabel
{
    BACKGROUND-COLOR: #98e9e0
}
.CAlterDataLabel
{
    BACKGROUND-COLOR: #ffffff
}

.CHeaderText
{
    FONT-SIZE: 18px;
    COLOR: #800000;
    FONT-FAMILY: Verdana, Arial, Helvetica
}
.CErrorText
{
    FONT-WEIGHT: bolder;
    COLOR: #ff0000;
    FONT-FAMILY: Verdana, Arial, Helvetica
}
.CLI
{
    LIST-STYLE-IMAGE: url(../Images/Arrow.gif)
}


.CButton
{
	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;
}


.CButton: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 */	
}


.CButtonSmall
{
	width: 90px;
	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;
}


.CButtonSmall: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 */	
}


@media print 
{
 
div.popUpWin{
	width: 100%;
}
  
}