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

/*-- (*) -----------*/
input[type=text],
input[type=password],
input[type=file],
textarea,
select {background-color: #fff !important; border: 1px solid #ccc !important;}
input[type=text]:focus,
input[type=password]:focus,
input[type=file]:focus,
textarea:focus,
select:focus {background-color: #fff !important; border: 1px solid #4d90fe !important;}
/*-- form -----------*/
ul.form {}
ul.form li {clear: both; padding: 3px 0; float: left;}
ul.form li .sprt {vertical-align: middle;float: left;padding: 7px 5px 5px;}
/*-- form p -----------*/
.form p {
	background-color: #f4f4f4;
	border: 1px solid #f4f4f4;
	margin: 0;
	padding: 4px 4px 2px;
	font-size: 12px;
	line-height: 16px;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	clear: none;
	font-weight: bold;
	color: #444;
}
/*-- form label -----------*/
.form label.fw { 
	clear: left !important;
	margin: 0 0 0 0 !important;
	padding: 6px 4px 4px 4px !important;
}
.form label {
	float: left;
	border: 1px solid transparent;
	margin: 0 1px 0 0;
	padding: 6px 3px 4px 5px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
}
.form label em {
	font-weight: normal;
	color: #C00;
	font-style: normal;
}
.form label span {
	font-weight: normal;
	font-style: normal;
}
/*-- form select -----------*/
.form select {
	background-color: #fff;
	border: 1px solid #ccc;
	font-size: 12px;
	line-height: 16px;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	clear: none;
	height: auto;
	margin: 0;
	padding: 3px 3px 2px;
}
/*-- form textarea -----------*/
.form textarea {resize:none;overflow: auto;}
.form textarea.fw {clear: left !important;}
.note.form input[type="text"],
.note.form input[type="password"],
.note.form textarea {
	background-color: #fff;
	border: 1px solid #ccc;
	margin: 0;
	padding: 0 5px;
	height: 22px;
	font-size: 12px;
	line-height: 22px;
	font-family: Arial, Helvetica, sans-serif;
	color: #03F;
	float: left;
	clear: none;
}
.note.form textarea { height: auto !important;}
/*-- form input (text, password) -----------*/
.form .textBox {
	float: left;
	height: 26px;
	margin: 0 0 0 0;
	padding: 0;
	border: 0;
}
.form input[type=text],
.form input[type=password] {
	float: left;
	clear: none;
	margin: 0 5px 0 0;
	padding: 2px 0 2px 5px;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
	line-height: 22px;
	height: 22px;
}
.gr-4 .textBox input[type=text],
.gr-4 .textBox input[type=password] { width: 290px;}
/*-- form input (file) -----------*/
.form input[type="file"] {
	background-color: #fff;
	border: 1px solid #ccc;
	margin: 0;
	padding: 0 5px;
	height: 24px;
	font-size: 12px;
	line-height: 22px;
	font-family: Arial, Helvetica, sans-serif;
	color: #03F;
	float: left;
	clear: none;
}
/*-- form input (checkbox, radio) -----------*/
.form .checkBox,
.form .radioBox {
	float: left;
	height: 24px;
	margin: 0 1px 0 0;
	padding: 0;
	border: 0;
	display: inline-block;
	background-image:none;
}
.form .checkBox div,
.form .radioBox div {background-image:none;}
.form .checkBox label,
.form .radioBox label {
	border: 0;
	margin: 0;
	padding: 6px 7px 4px 0 !important;
	width: auto !important;
	background-color: transparent !important;
	border-color: transparent !important;
	display: inline-block;
	font-weight: normal;
}
.form .checkBox.nb input[type=checkbox],
.form .radioBox.nb input[type=radio] { margin: 5px 5px 1px 0;}

.form .checkBox input[type=checkbox],
.form .radioBox input[type=radio] {
	float: left;
	height: 14px;
	width: 14px;
	margin: 6px 5px 0px 6px;
	padding: 0;
	border: 0;
	background-color: transparent;
	display: inline-block;
}
/*-- form input (submit) -----------*/
input[type="submit"] {
	margin: 0 10px 0 0;
	padding: 5px 10px;
	text-align: center;
	font-size: 12px;
	line-height: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	background-image: url(../images/button.png);
	background-position: left top;
	background-repeat: repeat-x;
	background-color: #057fd0;
	border: 1px solid #333;
}
input[type="submit"].red { background-image: url(../images/button_red.png) !important; }
input[type="submit"].green { background-image: url(../images/button_green.png) !important; }
input[type="submit"]:hover {background-position: left bottom;}
/*--*/
.form .button {background-image: url(../images/bg_button.png);}
.form .button input[type=submit] {background-image: url(../images/bg_button.png);}
.form .button input[type=submit]:hover {}
.form .button a {background-image: url(../images/bg_button.png);}
.form .button a:hover {}
/*--*/
.loginPage .form .button {background-image: url(../images/bg_button.png);}
.loginPage .form .button input[type=submit] {background-image: url(../images/bg_button.png);}
.loginPage .form .button input[type=submit]:hover {}
.loginPage .form .button a {background-image: url(../images/bg_button.png);}
.loginPage .form .button a:hover {}
/*--*/
.form .f-right .button {
	margin: 0 0 0 1px;
}
.form .button {
	overflow: hidden;
	float: left;
	margin: 0 1px 0 0;
	background-color:transparent;
	background-repeat: repeat-x;
	background-position: left top;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.form .buttonRow {
	margin: 10px 0 0;
	padding: 10px 0;
	border-top: 1px solid #ccc;
}
.form .button input[type=submit], .form .button input[type=button] {
	padding: 3px 10px;
	font-size: 12px;
	line-height: 12px;
	color: #fff;
	margin: 0;
	height: 26px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	background-color:transparent;
	background-repeat: repeat-x;
	background-position: left top;
	float: left;
	width:auto !important;
}
.form .button input[type=submit]:hover, .form .button input[type=button]:hover {
	color: #fff;
	cursor: pointer;
	background-position: left bottom;
}
/*--*/
.form .button a {
	padding: 0px 10px;
	font-size: 12px;
	line-height: 26px;
	color: #fff;
	margin: 0;
	height: 26px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	background-color:transparent;
	background-repeat: repeat-x;
	background-position: left top;
	float: left;
}
.form .button a:hover {
	color: #fff;
	cursor: pointer;
	background-position: left bottom;
	text-decoration: none;
}
/*--*/
::-webkit-input-placeholder { color:#000; }
::-moz-placeholder { color:#000; } /* firefox 19+ */
:-ms-input-placeholder { color:#000; } /* ie */
input:-moz-placeholder { color:#000; }
/*-------------*/
/*-------------*/
.nb-gr-S,
.nb-gr-M,
.nb-gr-L,
.nb-gr-XL {
	float: left;
	border: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}
.nb-gr-S, .nb-gr-S li { width: 240px; }
.nb-gr-M, .nb-gr-M li { width: 320px; }
.nb-gr-L, .nb-gr-L li { width: 480px; }
.nb-gr-XL, .nb-gr-XL li { width: 720px; }
/*--*/
.nb-gr-S.pad,
.nb-gr-M.pad,
.nb-gr-L.pad,
.nb-gr-XL.pad {
	float: left;
	border: 0;
	margin: 0;
	padding: 0 10px;
	list-style: none;
}
.nb-gr-S.pad { width: 220px; }
.nb-gr-M.pad { width: 300px; }
.nb-gr-L.pad { width: 460px; }
.nb-gr-XL.pad {  }
/*-------------*/
.wb-gr-S,
.wb-gr-M,
.wb-gr-L,
.wb-gr-XL {
	float: left;
	border: 1px solid #ccc;
	margin: 0;
	padding: 0;
	list-style: none;
}
.wb-gr-S { width: 238px; }
.wb-gr-M { width: 318px; }
.wb-gr-L { width: 478px; }
.wb-gr-XL {  }
/*--*/
.wb-gr-S.pad,
.wb-gr-M.pad,
.wb-gr-L.pad,
.wb-gr-XL.pad {
	float: left;
	border: 1px solid #ccc;
	margin: 0;
	padding: 0 9px;
	list-style: none;
}
.wb-gr-S.pad { width: 220px; }
.wb-gr-M.pad { width: 300px; }
.wb-gr-L.pad { width: 460px; }
.wb-gr-XL.pad {  }
/*-- nb p -----------*/
.form.nb-gr-S p { width: 230px; }
.form.nb-gr-M p { width: 190px; }
.form.nb-gr-L p { width: 300px; }
.form.nb-gr-XL p { width: 540px; }
/*--*/
.form.nb-gr-S p.fw { width: 228px; }
.form.nb-gr-M p.fw { width: 308px; }
.form.nb-gr-L p.fw { width: 468px; }
.form.nb-gr-XL p.fw { width: 708px; }
/*-- nb labels -----------*/
.form.nb-gr-S label,
.form.nb-gr-M label,
.form.nb-gr-L label,
.form.nb-gr-XL label {
	float: left;
	border: 1px solid #d7e2e9;
	margin: 0 1px 0 0;
	padding: 6px 3px 4px 5px;
	font-family: Arial, Helvetica, sans-serif;
	color: #003366;
	font-size: 12px;
	line-height: 12px;
	background-color: #d7e2e9;
}
/*--*/
.form.nb-gr-S label { width: 230px; }
.form.nb-gr-M label { width: 109px; }
.form.nb-gr-L label { width: 159px; }
.form.nb-gr-XL label { width: 159px; }
.form.nb-gr-XXL label { width: 105px; }
/*--*/
.form.nb-gr-M label.fw { width: 310px; }
.form.nb-gr-L label.fw { width: 470px; }
.form.nb-gr-XL label.fw { width: 710px; }
/*--*/
.form.nb-gr-S.pad label { width: 210px; }
.form.nb-gr-M.pad label { width: 99px; }
.form.nb-gr-L.pad label { width: 149px; }
/*-- nb textarea -----------*/
.form.nb-gr-S textarea,
.form.nb-gr-M textarea,
.form.nb-gr-L textarea,
.form.nb-gr-XL textarea {
	float: left;
	clear: none;
	margin: 0;
	padding: 4px;
	border: 1px solid #ddd;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
	line-height: 16px;
	background-color: #fff;
}
/*--*/
.form.nb-gr-S textarea { width: 230px; min-width:230px; max-width:230px; }
.form.nb-gr-M textarea { width: 190px; min-width:190px; max-width:190px; }
.form.nb-gr-L textarea { width: 300px; min-width:300px; max-width:300px; }
.form.nb-gr-XL textarea { width: 540px; min-width:540px; max-width:540px; }
/*--*/
textarea.fw { clear: left !important; }
.form.nb-gr-M textarea.fw { width: 310px; min-width:310px; max-width:310px; }
.form.nb-gr-L textarea.fw { width: 470px; min-width:470px; max-width:470px; }
.form.nb-gr-XL textarea.fw { width: 710px; min-width:710px; max-width:710px; }
/*-- nb select -----------*/
.form select.e3 { width: 85px !important; }
/*--*/
.form.nb-gr-M select.fw {width: 320px;}
.form.nb-gr-L select.fw {width: 480px;}
/*-- nb inputs (text-password) -----------*/
.form.nb-gr-S input,
.form.nb-gr-M input,
.form.nb-gr-L input,
.form.nb-gr-XL input {
	float: left;
	clear: none;
	margin: 0;
	padding: 0 4px;
	border: 1px solid #ddd;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
	line-height: 22px;
	height: 22px;
	background-color: #fff;
}
/*--*/
.form.nb-gr-S input { width: 230px; }
.form.nb-gr-M input { width: 190px; }
.form.nb-gr-L input { width: 300px; }
.form.nb-gr-XL input { width: 540px; }
/*--*/
.form.nb-gr-M input.fw { width: 310px; }
.form.nb-gr-L input.fw { width: 470px; }
.form.nb-gr-XL input.fw { width: 710px; }
/*--*/
.form.nb-gr-S.pad input { width: 220px; }
.form.nb-gr-M.pad input { width: 180px; }
.form.nb-gr-L.pad input { width: 290px; }
/*-- nb inputs (file) -----------*/
.form.nb-gr-S input[type=file],
.form.nb-gr-M input[type=file],
.form.nb-gr-L input[type=file],
.form.nb-gr-XL input[type=file] {
	margin: 0;
	padding: 0 4px;
	font-size: 12px;
	line-height: 22px;
	height: 24px;
}
/*-------------*/
/*-------------*/
/*-- wb labels -----------*/
.form.wb-gr-S label,
.form.wb-gr-M label,
.form.wb-gr-L label,
.form.wb-gr-XL label {
	float: left;
	border: 1px solid #ccc;
	margin: 0 1px 0 0;
	padding: 6px 3px 4px 5px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 12px;
	line-height: 12px;
	background-color: #eee;
}
/*--*/
.form.wb-gr-S label { width: 228px; }
.form.wb-gr-M label { width: 108px; }
.form.wb-gr-L label { width: 158px; }
/*--*/
.form.wb-gr-S.pad label { width: 210px; }
.form.wb-gr-M.pad label { width: 99px; }
.form.wb-gr-L.pad label { width: 149px; }
/*-- wb input (*) -----------*/
.form.wb-gr-S input,
.form.wb-gr-M input,
.form.wb-gr-L input,
.form.wb-gr-XL input {
	float: left;
	clear: none;
	margin: 0;
	padding: 0 4px;
	border: 1px solid #ccc;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
	line-height: 22px;
	height: 22px;
	background-color: #fff;
}
/*-- wb input (text-password) -----------*/
.form.wb-gr-S input { width: 228px; }
.form.wb-gr-M input { width: 189px; }
.form.wb-gr-L input { width: 299px; }
/*--*/
.form.wb-gr-S.pad input { width: 210px; }
.form.wb-gr-M.pad input { width: 180px; }
.form.wb-gr-L.pad input { width: 290px; }

/*-- checkBoxList -----------*/
.form .checkBoxList input[type=checkbox] {
	float: left;
	height: 14px;
	width: 14px;
	margin: 6px 5px 0px 6px;
	padding: 0;
	border: 0;
	background-color: transparent;
	display: inline-block;
}
.form .checkBoxList label { margin:0px 0px 0px 1px !important;}
.form .checkBoxList { background-color: #fff; border-collapse:collapse;}
.form .checkBoxList tr {
	background-color: #fff;
	margin: 3px 0;
	display: block;
}
.form .checkBoxList th {}
.form .checkBoxList td {}

/*-- radioBoxList -----------*/
.form .radioBoxList input[type=radio] {
	float: left;
	height: 14px;
	width: 14px;
	margin: 6px 5px 0px 6px;
	padding: 0;
	border: 0;
	background-color: transparent;
	display: inline-block;
}
.form .radioBoxList label { margin:0px 0px 0px 1px !important;}
.form .radioBoxList { background-color: #fff; border-collapse:collapse;}
.form .radioBoxList tr {
	background-color: #fff;
	margin: 3px 0;
	display: block;
}
.form .radioBoxList th {}
.form .radioBoxList td {}