﻿/* CSS Document */

body
{
	margin: 0px ;
	padding: 0px ;
	height: 100% ;
	background-color:#FFFFFF ;
	background-image: url(../../images/bgnd.gif) ;
	background-repeat: repeat-x ;
/*	border: solid 1px black ; */

}

img
{
	border: 0 ;
}

table
{
}

table td a:link, table td a:active, table td a:visited
{
	color: Black ;
}

#page
{
	margin-top: 10px ;
	margin-left: 10px ;
	margin-right: 10px ;
	height: auto ;
	width: inherit ;
}

#headermenu
{
	margin: 0px ;
	padding: 0px;
	padding-right: 5px ;
	width: 300px ;
	height: 20px ;
	float: right ;
	text-align: right;
	font-family: Verdana ;
	font-size: 9pt ;
}

#headermenu a:link, #headermenu a:active, #headermenu a:visited
{
	color: Black ;
}

#header
{
	width: inherit ;
	height: 53px ;
	border-bottom: solid 1px white ;
	background-color: #FFFFFF ;
	background-image: url(../../images/ezibooks_logo4_beta.png) ;
	background-repeat: no-repeat ;
	background-position: top left ;
	color: #FFFFFF ;
	font-size: 19pt ;
	font-weight: bold ;
	font-family: Verdana ;
	padding: 0px 0px 0px 0px;
}

/*#menu
{
	width: 990px;
	height: 20px;
	background-color: #0088F0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}*/


.hovermenu
{
	width: inherit ;
	background-color: #67a7e3 ;
	/*background-image:url(../../images/corner_tr_outer.gif) ;
	background-position: top right ;
	background-repeat: no-repeat ;*/
}

.hovermenu ul
{
	font: 9pt Verdana;
	margin-left: 0px;
	margin-top: 0px ;
	margin-bottom: 0px ;
	padding-left: 0px ;
	padding-top: 0px;
	padding-bottom: 2px;
	height: 30px;
/*	width: 990; */
}

.hovermenu ul li
{
	list-style: none;
	display: inline;
}

.hovermenu ul li a
{
	padding: 2px 0.5em;
	padding-top: 8px ;
	text-decoration: none;
	float: left;
	color: #FFFFFF;
	background-color: #67a7e3;
	border: 1px solid #67a7e3;
}

.hovermenu ul li a:hover
{
	background-color: #9fd2f9;
	color: #000000 ;
	height: 20px;
	border-bottom: solid 1px #9fd2f9 ;
	border-top: solid 1px #dbebf8 ;
	border-left: solid 1px #dbebf8 ;
	border-right: solid 1px #dbebf8 ;
}

html>body .hovermenu ul li a:active
{ /* Apply mousedown effect only to NON IE browsers */
	/*border-style: inset;*/
	
}

#sidemenu
{
	position: absolute ;
	left: 11px;
	width: 130px ;
	height: 100% ;
	background-color:#FFFFFF ;
	font-family: Verdana;
	font-size: 8pt ;
	color: #000000 ;
	text-align:left ;
	margin: 0px ;
	padding: 0px ;
}

#submenuHeader
{
	width: 130px ;
	padding: 0px;
	border: solid 2px #E0E0EE ;
	background-color: #E0E0EE ;
	border-bottom: solid 1px #FFFFFF ;
}

#submenuHeader th
{
	text-align: left ;
	padding-bottom: 1px ;
	font-size: 9pt ;
}

#submenu
{
	width: 130px ;
	border: none ;
	font-family: Verdana ;
	border-bottom: solid 1px #C0C0C0 ;
}

#submenu th
{
	/*border-top: solid 1px #C0C0C0 ;*/
	text-align: left ;
	font-weight: normal ;
	padding: 3px ;
	font-size: 8pt ;
}

#submenu td
{
	/*border-bottom: solid 1px #000000 ;*/
	text-align: left ;
	padding-top: 2px ;
	padding-left: 9px ;
}

#submenu th a:link, #submenu th a:active, #submenu th a:visited
{
	color: #000000 ;
	text-decoration: none;
}

#submenu td a:link, #submenu td a:active, #submenu td a:visited
{
	color: #000000 ;
	text-decoration: none;
}

#submenu td a:hover, #submenu th a:hover
{
	/*color: #0088F0; */
	text-decoration: underline ;
}

#content
{
	font-family:Verdana, Arial, Helvetica, sans-serif ;
	color:#000000 ;
	background-color: #FFFFFF ;
	font-size: 10pt ;
	border-left: solid 1px #C0C0C0;
	border-right: solid 1px #C0C0C0;
	border-bottom: solid 1px #C0C0C0;
	margin-bottom: 10px ;
	height: 1000px ;
}

#secureContent
{
	margin-left: 130px ;
	border-left: solid 1px #C0C0C0;
	width: inherit ;
	height: 100% ;
}

#contentInner
{
	text-align:left ;
	width: inherit ;
	height: 100% ;
	margin: 0 auto ;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px ;
	
}

#generalText
{
	width: 99% ;
	padding: 6px ;
}

#publicInner
{
	text-align: left ;
	float: none ;
	height: 90% ;
	margin: 0px 0px 40px 0px ;
	padding: 10px 20px 20px 20px ;
	background-color: #FFFFFF;
	color: Black ;
	/* border: solid 1px #0088F0 ; */
}

#stats
{
	width: 826px ;
	height: auto ;
	background-color: #9fd2f9 ;
	border: solid 1px #0088F0 ;
}

.hotspotTitle
{
/*	background-image: url(../../images/hotspot.png) ;
	background-position:top left ;
	background-repeat: no-repeat ;*/
	background-image: url(../../images/title_bgnd.png) ;
	background-repeat: repeat-x ;
	background-color: #c3d9ff ;
	padding-left: 12px ;
	padding-top: 6px ;
	margin-bottom: -1px ;
	font-size:7pt ;
	text-transform:uppercase ;
	font-weight: bold ;
	height: 20px ;
	width: 305px ;
	color: Black ;
}

#helpContent
{
	 font-family: Verdana ; 
	 font-size: 9pt;
	 padding: 10px ;
}

#helpContent ul
{
}

#helpContent li
{
	font-family: Verdana ;
}

.hotspotBody
{
	margin-top: 0px ;
	width: 800px ;
	border: solid 1px #e9f3fb ;
	background-color: #FFFFFF ; /*#a1ff9c;*/
	padding: 5px 5px 5px 5px ;
}

.errorText
{
	color:Red ;
}

#shortcuts
{
	margin: 20px ;
	background-color: Orange ;
	border: solid 1px red ;
	width: 300px ;
	height: 240px ;	
}

#shortcutTitle
{
	border-bottom: solid 1px red;
	background-color: Orange;
	padding-top: 2px ;
	padding-left: 2px ;
	width: 298px;
	height: 20px;
	font-size: 12pt;
	font-weight: bold;
	color: White;
	text-align: left;
	font-family: Verdana;
}

#shortcuts ul li
{
	color: White ;
	font-size: 10pt ;
	
}

#popupDiv
{
	display: none ;
	position: absolute; 
/*	left: 141px; 
	top: 96px; 
	width: 600px ; 
	height: 300px; */
	left: 0px ;
	top: 0px ;
	width: 100% ;
	height: 100% ;
	/*filter: alpha(opacity=90); 
	opacity: 0.9; */
	background-color: #c3d9ff;
	text-align: center ;
	vertical-align: middle ;
}

#popupDivtable
{
	position: absolute ;
	top: 150px ;
	left: 200px ;
	width: 600px ;
	height: 400px ;
	padding: 10px ;
	filter: none ;
	opacity: 1.0 ;
	border: solid 1px Black ;
	background-color: White ;
	text-align: center ;
}

#addProduct
{
	display: none ;
}

#printablePage
{
	width: 700px ;
	margin: 0 auto ;
}

.invoiceTitle
{
	font-family: Verdana ;
	font-size: 14pt ;
	text-transform: uppercase ;
	font-weight: bold ;
	text-align:left ;
}

.invoiceTableHeader
{
	/*border-top: solid 1px black ;*/

	
}

.invoiceTableHeader td
{
	font-size: 9pt ;
	font-family:Verdana ;
	font-weight: bold ;
}

.invoiceTableItems
{
	border-top: solid 1px black ;
}

.invoiceTableItems tr
{
	border-bottom: solid 1px black ;
}

.invoiceTableItems th
{
	font-weight: bold ;
	text-align: center ;
}

.invoiceTableItems td
{
	border-bottom: solid 1px black ;
}

#paymentBlock
{
	border: solid 1px black ;
	padding: 10px ;
	font-family: Verdana ;
	font-size: 10pt ;
	margin: 0 auto;
}

#paymentAmount
{
	border: solid 1px black ;
	padding: 10px ;
	font-family: Verdana ;
	font-size: 14pt ;
	font-weight: bold ;
	margin: 0 auto;
}

.totalBlock
{
	border: solid 1px #4babf4 ;
}

.totalBlock td
{
	font-size: 9pt ;
	font-family:Verdana ;
	font-weight: bold ;
}


select { font-size:7pt; font-family: Verdana ; background-color:#dbebf8; border: solid 1px #4babf4;} 
option{ font-size:7pt; font-family: Verdana ; background-color:#dbebf8; }
input { font-size:8pt; font-family: Verdana ; background-color:#ffffff; border: solid 1px #4babf4;}

.formTable
{
	margin: 0px ;
	padding: 0px ;
	width: 100% ;
	background-color: #c3d9ff;
}

.formTable tr
{
	text-align: left ;
}

.formTable th
{
	background-color: #FFFFFF ;
	padding: 3px ;
	margin: 3px  ;
	text-align: left ;
	border-left: none ;
	/*border-top: solid 1px #0088F0 ;*/
	font-size: 9pt ;
	font-family:Verdana ;
	font-weight: bold ;
}

.formTable td
{
	padding: 3px ;
	margin: 3px  ;
	text-align: left ;
	border-left: none ;
	/*border-top: solid 1px #0088F0 ;*/
	font-size: 8pt ;
	font-family:Verdana ;
}

#title
{
	width: inherit ;
	padding-top: 5px ;
	padding-left: 6px;
	padding-bottom: 7px;
	color: #000000 ;
	/*border-bottom: solid 1px #C0C0C0;*/
	font-family: Verdana ;
	font-size: 10pt ;
	font-weight: bold ;
	text-align:left ;
	background-image: url(../../images/title_bgnd.png) ;
	background-repeat: repeat-x ;
}

#subtitle
{
	width: inherit ;
	padding: 3px;
	color: #FFFFFF ;
	border-top: solid 1px #80d69a;
	border-left: solid 1px #80d69a ;
	border-bottom: solid 1px #038f37;
	border-right: solid 1px #038f37;
	background-color: #47c46d ;
	font-family: Verdana ;
	font-size: 10pt ;
	text-transform: uppercase ;
	font-weight: bold ;
	text-align:left ;
}


.titleRow
{
	background-color: #0088F0;
	color: #FFFFFF ;
	padding: 5px;
}

#bannerTop
{
	font-family: Verdana ;
	font-size: 8pt ;
	font-weight: bold ;
	background-color: #0088F0 ;
	color: #FFFFFF ;	
	padding: 3px;
	text-align: right ;
}

#search
{
	position: absolute ;
	height: 27px ;
	width: 210px ;
	left: 651px ;
	top: 138px ;
	font-size: 8pt ;
	/*border: solid 1px red ;*/
	vertical-align: middle ;
}

#banner
{
	width: 110px ;
	float: right ;	
	height: 100% ;
	border-left: dashed 1px black ;
	border-right: dashed 1px black ;
	font-family: Verdana ;
	font-size: 8pt ;
	padding: 3px ;
}

#footer
{
	position: relative ;
	width: 100% ;
	height: 13px ;
	text-align:center ;
	text-transform:uppercase ;
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size: 7pt ;
	font-weight:bold ;
	/* border: solid 1px black ; */
	background-color:#0088F0 ;
	color: #FFFFFF ;
}

#AutoCompleteExtender1_completionListElem
{ 
	font-family: MS Sans Serif; 
	font-size: 8pt; 
}

#AutoCompId 
{
	font-family: MS Sans Serif;
	font-size: 8pt;
}