﻿
body {background: #e8ecf5 url('images/background-gradient.jpg') repeat-x;}
body, div, table {font: normal 11px Tahoma, Verdana, Arial, sans-serif; color: #666;}

a img, img {border: none;}
a {text-decoration: underline; color: #006191;}
a:hover {text-decoration: none; color: #006191;}

h1, h2, h3 {font-family: Tahoma, Verdana, Arial, sans-serif; font-weight: normal;}
h1 {font-size: 20px; padding: 15px 0;}
h2 {font-size: 16px; padding: 15px 0;}
h3 {font-size: 14px; padding: 15px 0;}

.container {background-color:#ffffff;}
.mandatorysign {color:#ff0000}
.userform {
	margin:10px 20px 30px 20px;
	background-color:#e7e7e7;
	color:#333333;
	border:solid 1px #6b696b;
}
.userform ol li {
	list-style-type:none;
	margin-bottom:10px;
	width:80%;
}
.userform p {
	padding: 10px 10px 10px 10px;
}
.userformlabel {
	width: 250px;
	display:inline-block;
}
.userformtext {
	width: 175px;
}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:400px;
}
.bottom-line {height:9px;width:950px;background: #D7DBDC url('images/bottombar.jpg');}
.header-line {height:9px;width:950px;background: #D7DBDC url('/phase2xl/includes/templates/imgs/bg-header-line.gif') repeat-x;}

input, textarea, select {font: normal 11px Tahoma, Verdana, Arial, sans-serif; color: #606060;}
input, textarea {padding: 0px 5px 1px 5px;}
.check {margin-right: 10px;//margin-right: 7px;}
/*
#page {
  width: 980px;
  margin: 0 auto;
  padding: 0;
  background-color: white;
  text-align: left;
}

/* header
#header {width:980px;height:90px;background:#000;}
#header address {display:none;}
.header-line {height:9px;width:980px;background: #D7DBDC url('/phase2xl/includes/templates/imgs/bg-header-line.gif') repeat-x;}
/* /header */

/* navigation */
#nav {width:950px;margin: 0;text-transform:uppercase;background:#212121;clear:both;height:40px;}
#nav a { float:left;height:40px;background-repeat: no-repeat; }
#nav a span { display:none;}
#nav ul {list-style-type:none;margin: 0px 0;padding:0;text-align:center;}
#nav ul li {float: left;padding: 0;}
#nav ul li a {color:#b2b2b2;padding: 0;text-decoration:none;font-weight:bold;}

#nav-home {background-image:url(images/menu/home-menu.jpg);width:136px;background-position: 0px 0px;}
#nav-home:hover {background-position: 0px -40px;}
#nav-02 {background-image:url(images/menu/portfolio-menu.jpg);width:136px;background-position: 0px 0px;}
#nav-02:hover {background-position: 0px -40px;}
#nav-03 {background-image:url(images/menu/community-menu.jpg);width:135px;background-position: 0px 0px;}
#nav-03:hover {background-position: 0px -40px;}
#nav-04 {background-image:url(images/menu/news-menu.jpg);width:135px;background-position: 0px 0px;}
#nav-04:hover {background-position: 0px -40px;}
#nav-05 {background-image:url(images/menu/store-menu.jpg);width:135px;background-position: 0px 0px;}
#nav-05:hover {background-position: 0px -40px;}
#nav-06 {background-image:url(images/menu/about-menu.jpg);width:135px;background-position: 0px 0px;}
#nav-06:hover {background-position: 0px -40px;}
#nav-07 {background-image:url(images/menu/login-menu.jpg);width:136px;background-position: 0px 0px;}
#nav-07:hover {background-position: 0px -40px;}
#nav-08 {background-image:url(images/menu/myaccount-menu.jpg);width:136px;background-position: 0px 0px;}
#nav-08:hover {background-position: 0px -40px;}
#nav-09 {background-image:url(images/menu/logout-menu.jpg);width:136px;background-position: 0px 0px;}
#nav-09:hover {background-position: 0px -40px;}

/* /navigation */

/* background for main div */
#main-brnd {background: #ffffff url('images/background.jpg') repeat-y;}

/* /background for main div */

/* footer */
#footer {width:950px;margin: 0 auto;padding-top:10px;padding-bottom:10px;text-transform:capitalize;clear:both;height:20px;}
#footer ul {list-style-type:none;margin: 0px 0;padding:0;text-align:center;}
#footer ul li {float: left;border-right: 1px solid #ccc;padding: 3px 0 2px;}
#footer ul li a {color:#666;padding: 0px 10px 0;text-decoration:underline;}
/* /navigation */

/* menu */
.menu {width: 100%; height: 40px; background: #212121 url('/phase2xl/includes/templates/imgs/bg-menu.gif') repeat-x;}
.menu-l {width: 1px; height: 40px; float: left; background: url('/phase2xl/includes/templates/imgs/bg-menu-line.gif') no-repeat;}
.menu a, .menu a:hover {display: block; float: left;}
.menu a.on, .menu a.on:hover {background: #006191 url('/phase2xl/includes/templates/imgs/bg-menu-on.gif') repeat-x; height: 40px;}
.menu-i, .menu-i .menu-l {height: 39px !important;}
.menu .logout, .menu .logout:hover {color: #fff; float: right; padding: 11px 29px;}

.menu-s, .menu-g {width: 100%; height: 24px;}
.menu-s {background: #006191 url('/phase2xl/includes/templates/imgs/bg-menu-s.gif') repeat-x;}
.menu-g {background: #636363 url('/phase2xl/includes/templates/imgs/bg-menu-g.gif') repeat-x;}
.menu-s .l-border {background: url('/phase2xl/includes/templates/imgs/w1x1.gif') 100% 0 repeat-y;}
.menu-s div, .menu-g div {float: left;}

.menu-f {width: 100%; color: #666 !important;}
.menu-f a, .menu-f a.on {color: #666 !important;}
.menu-f span {margin: 0 10px;}
/* /menu */

/* promo */
.mp-left {width: 100%; min-height: 262px;//height: 262px; background: #fff url('/phase2xl/includes/templates/imgs/bg-mp-left.jpg') 100% 100% no-repeat;}
.mp-left .png, .s-but {position: relative; left: -6px;}

/*.mp-right {width: 100%; height: 210px; background: #7F669E url('/phase2xl/includes/templates/imgs/bg-mp-right.jpg') no-repeat;}
.mp-right-pad {padding-left: 203px;}
*/
.mp-right {width: 100%; height: 210px; background: #FFFFFF url('/phase2xl/includes/templates/imgs/bg-mp-right3.jpg') no-repeat;} 
.mp-right-pad {padding-left: 70px;}

.b-get input {padding: 2px 5px 3px 5px; border: 1px solid #F3F0EC; width: 42px;//width: 52px; //height: 18px; display: block; margin-right: 13px; background: #E7E7E6 url('/phase2xl/includes/templates/imgs/bg-input.gif') no-repeat; font-size: 10px; color: #707070;}
.b-gets {padding-top: 10px;}
/* promo */

/* content */
p {margin: 15px 0 0 5px;}

.line {width: 100%; height: 1px; background: #D4E4EC;}
.line-h {margin: 12px 0 10px 0; width: 100%; height: 1px; clear: both; background: url('/phase2xl/includes/templates/imgs/bg-line-h.gif') repeat-x;}
.imgs {float: left; padding: 2px !important; border: 1px solid #E6E7E7;}

.bg-form {background: #F0F6F9; width: 100%;}
.bg-form-pad {padding: 20px 35px 24px 35px;}
.bg-form-pads {padding: 11px 25px 11px 25px;}
.bg-form .w55p {padding-top: 3px; margin-right: 15px; text-align: right;}
.bg-form input {width: 94%;//width: 100%;}
.bg-form-pads select {width: 160px;}
.bg-form-pads img {margin-top: 3px;}

.goback, goback:hover {padding-right: 16px; display: block; float: left; background: url('/phase2xl/includes/templates/imgs/a-goback.gif') 100% 50% no-repeat;}

.list-sample {float: left; margin-right: 30px;}


.s {margin: 7px 0 0 0;}
.o {color: #FE7510;}

.b-send {margin: 10px 10px 0 0;}

.release {position: absolute; top: -25px; left: 0; width: 100%;}

.inp td {padding-right: 10px;}
.inp .nam {font-weight: bold; text-align: right; white-space: nowrap;}
.inp .pod {color: #9B9C9C;}

.i-safe {position: absolute; top: 15px; right: 0; width: 165px;}
.w730 {width: 730px;}

input.w620p {width: 597px;//width: 599px;}
input.w110p {width: 100px;//width: 110px;}
input.w65p {width: 49px;//width: 63px;}
input.w50p {width: 35px;//width: 45px;}
/* /content */

/* footer */
.footerspacer {height: 30px;}
.footer {height: 92px; width: 100%; background: url('/phase2xl/includes/templates/imgs/bg-footer.gif') repeat-x;}
.footer .wrap, .footer .wrap a, .footer .wrap a:hover {color: #999;}
.footer .fl {width: 69%;}
.footer .fr {width: 30%; text-align: right;}
/* /footer */

.TableHeader { background-color:#CCCCCC;color:black;font-weight:bold;font-size:14px; }
.TableInfo { padding:0;margin:0; }

.CalendarBox .ajax__calendar_container { width:270px;margin-left:140px;background-color:#EEEEEE;border:solid 1px black; }
.CalendarBox .ajax__calendar_body { width:250px;height:180px; }
