/**** StyleSheet for EkinaWireless *************
************************************************/

html, body, form
{
	margin:0px;
	padding:0px;
	font-family:"Trebuchet MS", Arial;
	font-size:12px;
	color:#333;
	height:100%;
}

h1{color:#ccc;padding-bottom:5px;}
h1.line {border-bottom:solid 2px #ccc;}
h1 span {font-size:medium;font-weight:normal;}
hr{color:#ccc;height:1px;}
b{color:#000;font-weight:bold;}

a img { border:none; }

div#container
{
	height:auto !important; /* Mozilla browsers*/
	min-height: 100%;		/* Mozilla browsers*/
	height: 100%;			/* IE6/7 */
	position:relative;
}

div#header
{
	height:50px;
	background:#637ea9 url(/images/layup/header-gradient-repeat.gif) repeat-x;
	border-bottom:solid 1px #333;
}
div#logo
{
	font-family:Verdana;
	color:#fff;
	letter-spacing:0.4em;
	height:50px;
	line-height:25px;
	float:left;
	padding-left:10px;
	background-image:url(/images/logo.gif);
	background-repeat:no-repeat;
	width:390px;
}
div#logoarea
{
	float:left;
	width:110px;
	height:50px;
	cursor:pointer;
}
div#infoarea
{
	text-align:center;
	
	margin-top:30px;
	margin-left:125px;
	width:255px;
	
	letter-spacing:normal;
	line-height:normal;
	font-size:9px;
	color:#fff;
	font-family:Verdana;
}
div#infoarea a
{
	color:#fff;
	text-decoration:none;
}
div#infoarea a:hover
{
	color:#cc0000;
	text-decoration:none;
}



/**** BOX **************************************
************************************************/
.box
{
	background:#eee url(/images/layup/form-grad-rep.gif);
	background-position:center top;
	background-repeat:repeat-x;
	/*height:200px;*/
	width:400px;
	border:solid 1px #999;
	margin:10px;
}
.box .title
{
	background:#acacac url(/images/layup/form-title-grad-rep.gif);
	background-repeat:repeat-x;
	height:25px;
	width:395px;
	line-height:25px;
	font-weight:bold;
	padding-left:5px;
	font-size:13px;
	color:#333;
}

.box .title a.timestamp
{
	float:right;
	height:24px;
	width:70px;
	font-size:smaller;
	background:url(/images/icons/timestamp16.png) no-repeat right center;
	margin-right:5px;
	text-decoration:none;
	color:#888;
}

.title input
{
	font-size:13px;
}

.box.large { float:left;width:828px;}
.box.large .title {width:823px;}


.box .content{padding:10px;}

.box .content h1{font-size:large;margin-top:0;color:#ccc;padding-bottom:5px;border-bottom:solid 2px #ccc;}

.error
{
	color:#b25454;
	border:dotted 1px #b25454;
	padding:5px;
	margin:10px 0 10px 0;
	background-color:#ffc8c4;
	line-height:1.5em;
}



.box.button
{
	text-align:center;
	font-size:20px;
	font-weight:bold;
	color:#999;
}
.box.button:hover
{
	border:solid 1px #333;
	color:#cc6666;
	cursor:pointer;
	background:#eecccc url(/images/layup/form-grad-rep-red.gif) left top;
}
.box.button table {height:100px;}
.box.button .content {background-repeat:no-repeat; background-position:10px 62px;}
.box.button.jobs .content {background-image:url(/images/icons/jobs48.png);}
.box.button.customers .content {background-image:url(/images/icons/customers48.png);}
.box.button.vehicles .content {background-image:url(/images/icons/vehicles48.png);}
.box.button.suppliers .content {background-image:url(/images/icons/suppliers48.png);}
.box.button.accounts .content {background-image:url(/images/icons/accounts48.png);}
.box.button.devices .content {background-image:url(/images/icons/pda48.png);}
.box.button.logs .content {background-image:url(/images/icons/logs48.png);}
.box.button.licenses .content {background-image:url(/images/icons/key48.png);}
.box.button.changepassword .content {background-image:url(/images/icons/key48.png);}
.box.button.preferences .content {background-image:url(/images/icons/preferences48.png);}
.box.button.locations .content {background-image:url(/images/icons/location48.png);}
.box.button.archive .content {background-image:url(/images/icons/archive48.png);}
.box.button.print .content {background-image:url(/images/icons/printer48.png);}
.box.button.print:hover { cursor:auto;}

.box.red{background:#fff url(/images/layup/form-grad-rep-red.gif) left bottom;}
.box.red .title{background:#d68383 url(/images/layup/form-title-grad-rep-red.gif);}
.box.red .content {background:url(/images/layup/bgIcon_error.png) no-repeat right bottom;}

.box.green{background:#d8eecc url(/images/layup/form-grad-rep-green.gif) left top;}
.box.green .title{background:#a0d683 url(/images/layup/form-title-grad-rep-green.gif);}
.box.green .content {background:url(/images/layup/bgIcon_success.png) no-repeat right bottom;}

.box.yellow{background:#eeeecc url(/images/layup/form-grad-rep-yellow.gif) left top;}
.box.yellow .title{background:#d6d683 url(/images/layup/form-title-grad-rep-yellow.gif);}
.box.yellow .content {background:url(/images/layup/bgIcon_warning.png) no-repeat right bottom;}
/************************************************/


div.row 
{
	clear:both;
	height:26px;
	line-height:26px;
	font-weight:bold;
}
div.row .label 
{
	float:left;
	font-weight:bold;
	font-size:smaller;
	width:120px;
	text-align:right;
	padding-right:10px;
	color:#999;
	height:26px;
	line-height:24px;
}
div.row img {margin:5px 0 5px 0;}


/**** Form Controls ****************************
************************************************/
input[type=text], input[type=password]
{
	border:solid 1px #999;
	font-family:Verdana;
	padding:0 2px 0 2px;
	height:20px;
	line-height:20px;
	float:left;
}
/*
[disabled]
{
	background-color:#eee;
}
*/
select {float:left;height:22px;line-height:22px;font-family:Verdana, Arial;}
input[type=button], input[type=submit]
{
	/*background-color:#637ea9;
	font-weight:bold;
	color:#fff;
	height:24px;
	border-width:1px;*/
}
input.required
{
	border-right:solid 4px #cc0000;
}

div.required
{
	float:left;
	width:4px;
	height:22px;
	background-color:#cc0000;
}


a.calendar
{
	float:left;
	height:22px;
	width:24px;
	cursor:pointer;
	background-repeat:no-repeat;background-position:center center;
	background-image:url(/images/icons/calendar16.png);
}
a:hover.calendar { background-image:url(/images/icons/calendar16_hover.png); }
/************************************************/


/**** Navigation *******************************
************************************************/
div#navigation
{
	float:right;
	height:50px;
	/*color:#70a3f2;*/
	color:#fff;
}
div#navigation ul
{
	list-style:none;
	float:right;	
}
div#navigation ul li
{
	float:left;
	font-size:14px;
	border-left:dotted 1px #000;
	height:48px;
	line-height:26px;
	text-align:center;
	width:110px;
}
div#navigation ul li.selected
{
	height:51px;
	background-color:#fff;
	border-left:solid 1px #333;
	font-weight:bold;
	color:#637ea9;
}
div#navigation ul li img {border:none;}
div#navigation ul li a 
{
	color:#fff;
	text-decoration:none;
	height:48px;
	width:90px;
	
	padding:2px 10px 0 10px;
	
	float:left;
	
}
div#navigation a:hover, div#navigation a.hover
{
	color:#637ea9;
	background:#f2dbdb url(/images/layup/menu-hover-gradient-repeat.gif) repeat-x;
}

div#navigation a:hover, div#navigation a.hover
{
	color:#637ea9;
	background:#fff url(/images/layup/menu-hover-gradient-repeat.gif) repeat-x left top;
	height:49px;
}

div#navigation a.selected
{
	color:#637ea9;
}
div#navigation a:hover.selected
{
	color:#637ea9;
	background:none;
	background-color:#fff;
}

#submenu
{
	font-size:11px;
	float:right;
	height:25px;
	line-height:25px;
	padding-left:0px;
	border-bottom:solid 1px #333;
	border-left:solid 1px #333;
	background:#fff url(/images/layup/sub-gradient-repeat.gif) repeat-x;
}
#submenu ul
{
	list-style:none;
	margin:0;
	padding:0;
}
#submenu ul li
{
	float:left;
	height:25px;
}
#submenu ul li.last
{
	float:left;
	height:25px;
}
#submenu a
{
	float:left;
	text-decoration:none;
	color:#637ea9;
	height:25px;
	padding:0 7px 0 5px;
	font-size:larger;
	
}

#submenu a:hover
{
	text-decoration:underline;
	color:#333;
	background:#fff url(/images/layup/sub-hover-gradient-repeat.gif) repeat-x center bottom;
}
#submenu a img
{
	border:none;
	float:left;
	margin-top:5px;
	margin-right:5px;
}
/************************************************/
.recordinfo
{
	width:850px;
	margin:10px auto 10px auto;
	color:#aaa;
	text-align:center;
	font-size:10px;
}

#formArea
{
	width:850px;
	margin:auto;
}
#formArea .formButtons
{
	clear:both;
	height:30px;
	line-height:30px;
	background:#cecece url(/images/layup/sub-gradient-repeat.gif) repeat-x;
	border-bottom:solid 1px #aaa;
	border-top:solid 1px #aaa;
	text-align:center;
	margin-top:20px;
}

#footer
{
	color:#999;
	font-style:italic;
	border-top:solid 1px #333;
	border-bottom:solid 1px #333;
	text-align:center;
	width:100%;
	position:absolute;
	bottom:0px;
	clear:both;
}

#content
{
	padding:0 20px 50px 20px;
	
}

.heading
{
	text-align:center;
	font-size:x-large;
	font-weight:bold;
}

.clear
{
	clear:both;
}

/**** GridViews ********************************
************************************************/

table.gridview
{
	font-size:x-small;
}
table.gridview th
{
	padding:0px;
	background:#4a6faa url(/images/layup/th-gradient-repeat.gif) repeat-x;
	color:#fff;
}
table.gridview th a
{
	padding:5px 0px 5px 0px;
	float:left;
	width:100%;
	color:#fff;
	text-decoration:none;
}
table.gridview th a:hover
{
	background:#4a6faa url(/images/layup/td-hover-gradient-repeat.gif) repeat-x center bottom;
	color:#ffff00;
	text-decoration:none;
}
table.gridview th a span.asc
{
	float:right;
	width:16px;
	height:16px;
	background:url(/images/icons/sort_ascending16.png) no-repeat center center;
	margin-right:5px;
}
table.gridview th a span.desc
{
	float:right;
	width:16px;
	height:16px;
	background:url(/images/icons/sort_descending16.png) no-repeat center center;
	margin-right:5px;
}

table.gridview .row
{
}
table.gridview .altrow
{
	background-color:#efefef;
}

table.gvContacts .item
{
	border-bottom:solid 2px #000;
}

table.gridview .paging {font-size:larger;}
table.gridview .paging a
{
	padding:0 5px 0 5px;
	border:solid 1px #CCC;
	float:left;
	text-decoration:none;
	background:#fff url(/images/layup/sub-gradient-repeat.gif) repeat-x center bottom;
	color:#999;
	
}
table.gridview .paging a:hover
{
	padding:0 5px 0 5px;
	background:#fff url(/images/layup/sub-hover-gradient-repeat.gif) repeat-x center bottom;
	color:#333;
}
table.gridview .paging span
{
	padding:0 5px 0 5px;
	border:solid 1px #ccc;
	float:left;
	
}
.norecordsfound {text-align:center;margin-top:20px;font-size:larger;font-weight:bold;}
.archivedRow {color:#999; font-style:italic;}
.highlight {background-color:Yellow;}

/**** Job's for Today Styles  ******************
************************************************/

.lnknextday
{
	text-decoration:none;
	float:left;
}
.lnknextday:hover
{
	text-decoration:underline;
}



.tblrecordedit
{
}
table
{
	margin:auto;
}
table .label
{
	font-weight:bold;
	font-size:11px;
	width:120px;
	text-align:right;
	padding-right:5px;
	color:#999;
}
table .addresslabel 
{
	font-weight:bold;
	font-size:11px;
	width:120px;
	text-align:right;
	padding-right:5px;
	color:#999;
	width:80px;
}


.tblhdr
{
	background-color:		#dbe4f2;
	font-weight:			bold;
	text-align:				center;
}
.tblcnt
{
	background-color:#ffffff;
	cursor:pointer;
	
}
.tblcnt_alt
{
	background-color:#f2f2f2;
	cursor:pointer;
}
.tblcnt_highlight
{
	background-color:#dbf2db;
}



/**** New Job Page *****************************
************************************************/
div#newjobform
{
	margin:auto;
	margin-top:30px;
	width:50%;
}

div#newjobform .menu
{
	height:27px;
}
div#newjobform .menu a
{
	width:100px;
	height:25px;
	border:solid 2px #ccc;
	border-right:none;
	border-bottom:none;
	float:left;
	text-align:center;
	line-height:25px;
}
div#newjobform .menu a.last
{
	border-right:solid 2px #ccc;
}
div#newjobform .menu a.selected
{
	background-color:#fff;
	height:27px;
	
}
div#newjobform .title
{
	font-size:large;
	margin-bottom:10px;
}
div#newjobform .form
{
	border:solid 2px #ccc;
	padding:5px;
}


/**** Workflow *********************************
************************************************/
div.workflowitem
{
	background-color:#e2e2e2;
	margin:5px 0 5px 0;
	padding:3px;
	
}



.pdf-info { border-top:solid 1px #ccc; color:#666; margin-top:20px; padding:10px; text-align:center; }


/**** Generic Classes **************************
************************************************/
.fLeft{float:left;}
.fRight{float:right;}
.fNone{float:none;}
.marginAuto{margin:0 auto 0 auto;}
.tLeft{text-align:left;}
.tCenter{text-align:center;}
.cursorPointer{cursor:pointer;}