@charset "utf-8";
@import "common.css";
/* CSS Document */

body {
	height:100%;
	font-family:Verdana, Arial;
	font-size:13px;
	margin:0px;
	padding:0px;
	color:#666666;
	
}

h1, h2, h3, h4, h5, h6, .nopadding, .nomargin {
	padding:0px;
	margin:0px;
}

h1 {
	font-size:20px;
}

h2 {
	font-size:17px;
}

h3 {
	font-size:15px;
	margin-bottom:5px;
}

h4 {
	font-size:15px;
}

td {
	vertical-align:top;
}

.blue {
	color:#53708f;
}

#body-wrapper {
	
}
/* wide */
#outer-wrapper {
	width:577px;
	margin:auto auto;
	position:relative;
}

#header2-wrapper {
	height:174px;
	/* background:url(../image/offer/headerbg-wide.gif) top left no-repeat; */
	display:block;
	clear:both;
	padding-top:1px;
}

#header2-wrapper h2 {
	font-weight:bold;
	margin:150px 80px 20px 80px;
	text-align:center;
	padding-top:4px;
}

/* end wide */

#header-wrapper {
	position:relative;
	/* background:url(../image/headerbg.gif) top left no-repeat; */
	text-align:center;
	background-color:#FFFFFF;
	padding-bottom:1px;
}

#userinfo-wrapper {
	float:right;
	margin-right:20px;
	margin-top:5px;
	font-size:11px;
}

#header-wrapper h1 {
	display:none;
	/*
	font-weight:normal;
	font-size:40px;
	color:#003366;
	position:absolute;
	margin:0px;
	padding:0px;
	*/
}

.clientlogoutwrapper {
	position:absolute;
	right:10px;
	top:10px;
}

#content-wrapper {
	clear:both;
	background:url(../image/offer/contentbg-wide.gif) repeat-y;
}

#innercontent-wrapper {
	clear:both;
	width:85%;
	margin:auto auto;
	display:block;
	padding-top:1px;
	padding-bottom:20px;
}

.grayborder {
	border:#99cccc 1px solid;
}

.pageheader,
.pagesubheader {
	color:#94aab7;
}

.pageheader {
	float:left;
	margin-left:25px;
	padding-top:3px;	
	margin-bottom:5px;
}

.pageintro,
.contentbody {
	width:94%;
	margin:auto auto;
}

.pageintro p:first-child {
	margin-top:0px;
	padding-top:0px;
}

.contentbody {
	font-size:12px;
}

.bgimagebtn,
.tableactionbtn,
.variablebtn,
.saveformbtn,
.backtolistbtn {
	display:block;
	text-align:center;
	text-decoration:none;
	border:none;
}

.tableactionbtn,
.backtolistbtn {
	color:#333333;
	float:right;
}

.tableactionbtn {
	background:url(../image/tableactionbtn.gif) top left no-repeat;
	width:155px;
	height:21px;
	padding-top:5px;
	
	font-size:12px;
	margin-top:7px;
}

.tableactionbtn:hover {
	background:transparent url(../image/tableactionbtn.gif) 0 -26px no-repeat;
}

.backtolistbtn {
	background:url(../image/backtolist.gif) top left no-repeat;
	width:130px;
	height:30px;
	font-size:14px;
	padding-top:9px;
	text-align:right;
	padding-right:25px;
}

.backtolistbtn:hover {
	background:transparent url(../image/backtolist.gif) 0 -39px no-repeat;
}



.datatableactionbtn {
	margin-right:20px;
}

.variablebtn {
	width:195px;
	height:21px;
	color:#FFFFFF;
	margin: auto auto;
	background:url(../image/variablebtn.jpg) top left no-repeat;
	padding-top:3px;
	font-weight:bold;
}

.variablebtn:hover {
	background:transparent url(../image/variablebtn.jpg) 0 -24px no-repeat;
}

.saveformbtn {
	width:116px;
	height:30px;
	color:#FFFFFF;
	margin: auto auto;
	background:url(../image/savebtn.gif) top left no-repeat;
	padding-top:10px;
	font-weight:bold;
	float:left;
	margin-right:5px;
	text-transform:uppercase;
	text-decoration:none;
}

.saveformbtn:hover {
	background:transparent url(../image/savebtn.gif) 0 -40px no-repeat;
}

.contenttext {
	margin:20px;
}

#footer-wrapper {
	clear:both;
	height:102px;
	background:url(../image/reg/footerbg.gif) top left no-repeat;
	padding-left:15px;
	padding-right:10px;
}

#footer2-wrapper {
	background-color:#FFFFFF;
}

#footer2-wrapper a {
	color:#666666;
	text-decoration:underline;
}

#copyrighttable img {
	margin-bottom:-7px;
}

.moblicologo {
}

#copyrighttable td {
	font-size:11px;
}

#copyrighttable td {
	vertical-align:bottom;
}

.smallfont {
	font-size:10px;
}

.variablewrapper {
	width:328px;
	background:url(../image/variablebg.jpg) repeat-y;
}

.variablewrapper .topbg {
	background:url(../image/variableheader.jpg) top left no-repeat;
}

.variablewrapper .topbg th,
.variablewrapper .topbg td {
	padding-top:5px;
}

.variablewrapper .bottombg {
	padding-top:0px;
	padding-bottom:10px;
	background:url(../image/variablefooter.jpg) bottom left no-repeat;
}

.variablewrapper table th {
	padding:10px;
	text-align:left;
	padding-top:0px;
}

.variablewrapper h3 {
	margin-bottom:2px;
}

.deactivated {
	color:#CCCCCC;
}

.errorElement {
	font-size:11px;
}

.error,
.errorElement {
	color:#990000;
}

.hoverboxpanel {
	border:#CCCCCC 5px solid;
	padding:10px;
}

.togglearrowwrapper {
	margin-bottom:50px;
}

.formtogglearrowwrapper {
	margin-bottom:10px;
}

.formtogglearrowwrapper .togglearrow {
	border-top:#999999 1px solid;
	border-bottom:#999999 1px solid;
}

.togglearrow {
	background:url(../image/togglearrow.jpg) top left no-repeat;
	display:block;
	height:23px;
	background-color:#f4f4f4;
	padding-left:39px;
	font-size:15px;
	font-weight:bold;
	color:#87a0b6;
	text-decoration:none;
	margin-left:1px;
	margin-right:1px;
	padding-top:4px;
}

.togglearrow:hover {
	background:transparent url(../image/togglearrow.jpg) 0 -54px no-repeat;
	background-color:#dadada;
}

.togglearrow + table,
.togglearrow + div {
	display:none;
}

.togglearrow.expanded {
	background:transparent url(../image/togglearrow.jpg) 0 -27px no-repeat;
	background-color:#f4f4f4;
}

.togglearrow.expanded:hover {
	background:transparent url(../image/togglearrow.jpg) 0 -81px no-repeat;
	background-color:#dadada;
}

.infonote {
	font-weight:bold;
	font-size:10px;
	padding:0px;
	margin:0px;
	margin-top:5px;
	margin-right:20px;
}

.filterbyselectcalendar img {
	vertical-align:middle;
}

#systemmsg {
	color:#0066CC;
	font-weight:bold;
	background-color:#FFFFCC;
	border:#CCCCCC 3px solid;
	width:95%;
	margin:auto auto;
	padding:10px;
	margin-bottom:10px;
}

.contentborder {
	border:#666666 1px solid;
	padding:10px;
}

.ui-datepicker-trigger {
	margin-bottom:-5px;
}

label.errorField {
	color:#990000;
	font-weight:bold;
	font-size:11px;
}

input.errorField,
select.errorField,
textarea.errorField,
option.errorField {
	background-color:#FFFF66;
}

.smspreviewpopup {
	width:500px;
	min-height:100px;
}

h3 {
	color:#77a8d0;
}

.stepwrapper {
	margin-bottom:30px;
	text-align:left;
}

.groupname {
	font-weight:bold;
}