/* CSS Document */
/*.login {font-size:110%;}*/
.sub{
	font-size: 18px;
	color: #949494;
	font-weight: lighter;
}

/* GRID and CUSTOM ELEMENTS */
/* Table Grids 
--------------------------------------*/
/* IE 6: 100% Table width */
*html div.at-tablegrid table{
 	table-layout:fixed;
	}
/* FireFox & Opera: 100% Table width */
div.at-tablegrid table:lang(en){
 	table-layout:fixed;
 	width:100%;
	}
/* Safari 3: 100% Table width */
body:first-of-type .at-tablegrid table {
 	width:100%;
	}
div.at-tablegrid[class] table {
 	/*width:100%;*/
	table-layout:fixed;
	}
div.at-tablegrid table{
	color:#333;
	background-color:#fff;
	}
div.at-tablegrid table caption{
	background-color:#add1de;
	background-image: url(../images/gradient_hGrid.png);
	background-repeat: repeat-x;
	background-position: right -434px;
	border:1px solid #a7c7d1;
	font-size:108%;
	color:#000;
	font-weight:bold;
	line-height:1.4em;
	padding-left:5px;
	}
div.at-tablegrid table, div.at-tablegrid table th {
	border:1px solid #d4d0c8;
	border-collapse:collapse;
	}
/* Table Header */

div.at-tablegrid table tr th, div.at-tablegrid table tr td table th{
	line-height:1.75em;
	}
div.at-tablegrid table thead tr th {	
	font-weight:bold;
	vertical-align:top;
	padding:0 14px 0 3px;
	background-color: #eff0f2;
	background-image: url(../images/gradient_hGrid.png);
	background-repeat: repeat-x;
	background-position: right 0px;
	}
/* Table body */
div.at-tablegrid table tbody tr td {
	vertical-align:middle;
	padding:3px;
	}
/* Table Sortable column */
div.at-tablegrid table thead tr th.col_selected {
	background: url(../images/gradient_hGrid.png) right -80px;
	background-color:#e6e6e6;
	}
div.at-tablegrid table tr td table{
	font-size:100%;
	border:none;
	}
div.at-tablegrid table tr td table th{
	border-right:none;
	}
div.at-tablegrid table tr td{
	border-top:1px solid #DDD;
	border-bottom:1px solid #DDD;
	border-collapse:collapse;
	}
div.at-tablegrid table tr.oddrow{
	background:#EEE;
	}
div.at-tablegrid table tr.oddrow td{
	border-top:1px solid #DDD;
	border-bottom:1px solid #DDD;
	border-collapse:collapse;
	}
div.at-tablegrid table tr.highlightrow td{
	background:#fef8e0;
	}
div.at-tablegrid table tr.highlightrow td{
	border-top:1px solid #FBE8BB;
	border-bottom:1px solid #FBE8BB;
	border-collapse:collapse;
	}


/* Icons
------------------------------------------------------------------ */
span.icon {
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	vertical-align:middle;	
	/*position:relative;*/
	margin-right:5px;
	}
.icon{
	background-image:url(../images/icon_grid.png);
	height:20px;
	width:20px;
	background-color: transparent;
	background-repeat:no-repeat;
}
a span.icon{
	cursor:pointer;
}
span.icon span:hover{
	text-decoration:underline;
	}
a.view-icon:hover,a.edit-icon:hover,a.order-history-icon:hover,a.service-book-icon:hover,a.cc-icon:hover,a.approve-icon:hover { /* add more icons here */
	text-decoration:underline;
	}
.view-icon,.edit-icon,.order-history-icon,.service-book-icon,.cc-icon,.approve-icon { /* add more icons here */
	text-decoration:none;
	margin-right:5px;
	color:#000;
	}
.view-icon span.icon {
	background-position: -160px -80px;
	}
.edit-icon span.icon {
	background-position: -180px -100px;
	}
.order-history-icon span.icon {
	background-position: -160px -140px;
	}
.cc-icon span.icon {
	background-position: -180px -140px;
	}
.service-book-icon span.icon {
	background-position: -340px -40px;
	}
.service-home-icon span.icon {
	background-position: -180px -40px;
	}
.approve-icon span.icon {
	background-position: -40px -40px;
	}
	
/* Panel Collapsible 1
--------------------------------------*/
.panel_collapsible {
	margin:0px 0px;
	}
div.panel_header_1line[class]{
	overflow:hidden;
	}
div.panel_header_1line:lang(en){
	overflow:hidden;
	}
*html div.panel_header_1line{
	height:1%;
	}
.panel_header_1line {
	border:1px solid #ccc;
	background-color:#8f240c;
	background-image:url(../images/gradient_hGrid.png);
	background-repeat:repeat-x;
	background-position: left -240px;
	line-height:1.4em;
	padding:3px;
	}
.panel_left {
	float:left;
	font-size:108%;
	font-weight:bold;
	color:#fff;	
	}

div.panel_body[class]{
	overflow:hidden;
	}
*html .panel_body{
	height:1%;
	}
.panel_body {
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:5px;
	text-align:left;
	}
.formlayout[class]{
	overflow:hidden;
	}
*html .formlayout{
	height:1%;
	}
.formlayout{
	margin:5px 0px 10px 0px;
	}
.formlayout label, .panel_body label{
	float:left;
	}

/* Panel Collapsible 2
--------------------------------------*/
div.panel_header_1line2[class]{
	overflow:hidden;
	}
div.panel_header_1line2:lang(en){
	overflow:hidden;
	}
*html div.panel_header_1line2{
	height:1%;
	}
.panel_header_1line2 {
	border:1px solid #ccc;
	background-color:#e7eadc;
	background-image:url(../images/gradient_hGrid.png);
	background-repeat:repeat-x;
	background-position: left -348px;
	line-height:1.4em;
	padding:3px;
	}

	
/* Form
--------------------------------------------------------------------- */
/* spacing between the form elements */
form.formlayout fieldset {
	padding:5px;
	background-color:#fef8e0;
	border:1px solid #fbe8bb;
}
form.formlayout div A, form.formlayout div input, form.formlayout div span.form-textonly {
	float:left;
	margin:0;
	padding:0;
}
form.formlayout div span.form-textonly{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	padding:2px 0px;
}
form.formlayout div select{
	float:left;
}
form.formlayout[class] div{
	overflow:hidden;
}
*html form.formlayout div {
	height:1%;
}
/* Separating input field and other form elements */
.formelements div {
	margin:2px 0;
}
textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
}
/* Label */
form.formlayout label {
	float:left;
	font-weight:bold;
	color:#000;
	width:120px;
}
form.formlayout label.inline {
	line-height:1.75em;
}
/* input, textarea element by default */
form.formlayout input.validtxt, form.formlayout textarea.validtxt {
	background-color:#fff;
	background-image: url(../images/gradient_hGrid.png);
	background-repeat:repeat-x;
	background-position: right -602px;
	border:1px solid #b5b8c8;
	font-family:Arial, Helvetica, sans-serif;
	font-size:93%;
	line-height:1.55em;
	padding:1px 3px;
}
form.formlayout input.validtxt {
	height:17px;
}
form.formlayout textarea.validtxt {
	float:left;
}
/* radio button */
form.formlayout input.radio {
	margin:2px 0px; 
}
form.formlayout div.radiobtn {
	float:left;
	padding-right:10px;
	line-height:1.5em;
}
/* Main form button (usually Save and Cancel) */
div.main-form-buttons {
	clear:both;
	border-top:1px solid #ccc;
	padding-top:10px;
	margin-top:10px;
}
/* input element if validation fails */
form.formlayout .invalidtxt {
	background-color:#fff;
	background-image: url(../images/gradient_hGrid.png);
	background-repeat:repeat-x;
	background-position: right -764px;
	border:1px solid #b5b8c8;
	font-family:Arial, Helvetica, sans-serif;
	font-size:93%;
	line-height:1.55em;
	padding:1px 3px;	
}
/* Error icon with message */
form.formlayout .validation-error {
	float:left;
	height:20px;
	width:20px;
	background-image:url(../images/icon_grid.png);
	background-repeat:no-repeat;
	background-position: -140px -20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:93%;