﻿body, html
{
	margin:0;
	padding:0;
	height: 100%;
	width: 100%;
}

body, html *
{
	font-size: 12px;
	font-family: Arial, Sans-Serif;	
}

body
{
	background-image:url('/images/background.png');
}

h1{font-size:28px;margin:0px;}
h2{font-size:24px;margin:0px;}
h3{font-size:20px;margin:15px 0px 10px 0px;color:#c9e5f1;letter-spacing:2px;}
h4{font-size:14px;margin:0px;}
h5{font-size:13px;margin:0px;}
h6{font-size:12px;margin:15px 0px 3px 0px;}

h6.noTopMargin
{
	margin-top: 0px;
}

input, select
{
	font-family: Arial, Sans-Serif;	
	width: 110px;
}

input[type=image], input[type=checkbox]
{
	width: auto;
}

select
{
	margin-left: 5px;
}

a, a:visited
{
	/*Color: #fdf27e;*/
}

.error
{
	color: #ffefdb;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

.emptyGrid
{
	background-color: Transparent;
}

table.reg select
{
	width: 200px;
	margin-left: 5px;
}

table.reg input
{
	width: 195px;
	margin-left: 5px;	
}


/* custom image buttons */
div.button
{
	cursor: pointer;
	/*display: inline;	*/
	overflow: auto;
	float: right;
}

div.button a
{
	font: bold 11px Arial, Sans-Serif;
	text-decoration: none;
	color:Black;
	line-height: 21px;	
}


div.btn
{
	background: url( /images/button/btnMini.png ) 0px 0px;
	width: 45px;
	height: 21px;
	text-align:center;
}

div.btn a {	color: White; }
div.btnHover { background-position: -90px 0px; }
div.btnClick { background-position: -45px 0px;}
 
div.sub
{
	font: bold 11px Arial, Sans-Serif;
	cursor: pointer;	
	background: url( /images/button/btnSub.png );
	background-position: 0px;
	width: 80px;
	height: 21px;
	line-height: 21px;
	text-align: center;
	margin-left: 10px;
	padding-top: 0px;
}

div.subHover { background-position:-160px; }

div.subClick
{
	background-position:-80px;
	padding-top: 1px;
}

div.subDisabled
{
	background-position:-240px;
	cursor:default;
}

div.mid
{
	background: url( /images/button/buttons.png ) 0px 0px;
	width: 90px;
	height: 21px;
	text-align: center;
	line-height: 21px;
	margin-left: 10px;
}

div.midHover { background-position: -90px 0px; }
div.midClick { background-position: -180px -0px; }
div.midDisabled { background-position: -270px -0px;	cursor: default; }

div.midCancel
{
	background: url( /images/button/buttons.png ) 0px -21px;
	width: 90px;
	height: 21px;
	line-height: 21px;
	text-align: center;
	margin-left: 10px;
}

div.midCancelHover { background-position: -90px -21px; }
div.midCancelClick { background-position: -180px -21px; }

div.wide
{
	font: bold 11px Arial, Sans-Serif;
	cursor: pointer;	
	background: url( /images/button/buttons.png ) 0px -42px;
	width: 130px;
	height: 21px;
	line-height: 21px;
	text-align:center;
	margin-left: 10px;	
}

div.wideHover
{
	font: bold 11px Arial, Sans-Serif;
	cursor: pointer;	
	background: url( /images/button/buttons.png ) -130px -42px;
	width: 130px;
	height: 21px;
	line-height: 21px;
	text-align:center;
	margin-left: 10px;	
}

div.wideClick
{
	font: bold 11px Arial, Sans-Serif;
	cursor: pointer;	
	background: url( /images/button/buttons.png ) -260px -42px;
	width: 130px;
	height: 21px;
	line-height: 22px;
	text-align:center;
	margin-left: 10px;	
}

div.wideAlt
{
	background: url( /images/button/buttons.png ) 0px -63px;
	width: 130px;
	height: 21px;
	text-align: center;	
	line-height: 21px;
	margin-left: 10px;	
}

div.wideAltHover { background-position: -130px -63px; }
div.wideAltClick { background-position: -260px -63px; }

div.wideHoverAlt
{
	font: bold 11px Arial, Sans-Serif;
	cursor: pointer;	
	background: url( /images/button/buttons.png ) -130px -63px;
	width: 130px;
	height: 21px;
	line-height: 21px;
	text-align:center;
	margin-left: 10px;	
}

div.wideClickAlt
{
	font: bold 11px Arial, Sans-Serif;
	cursor: pointer;	
	background: url( /images/button/buttons.png ) -260px -63px;
	width: 130px;
	height: 21px;
	line-height: 22px;
	text-align:center;
	margin-left: 10px;	
}

div.imgBtn
{
}

div.imgBtn .left
{
	background: url( ../images/btnLeft.png );
	background-repeat: no-repeat;
	height:21px;
	width:6px;
	float: left;
}

div.imgBtn .center
{
	background-image: url( ../images/btnCenter.png );
	background-repeat:repeat-x;
	height: 21px;
	line-height: 21px;
	vertical-align: middle;
	text-align: center;
	padding: 0px 10px 0px 10px;
	float: left;
	font-size: 11px;
	left: 7px;
	color: White;
}

div.imgBtn .right
{
	background-image: url( ../images/btnRight.png );
	background-repeat: no-repeat;
	height:21px;
	width:7px;
	float: left;
}

div.imgBtnMain
{
	color: #212a38;
}

div.imgBtnMain .left
{
	background: url( /images/mainBtnLeft.png );
	background-repeat: no-repeat;
	height:21px;
	width:13px;
	float:left;
}

div.imgBtnMain .center
{
	background-image: url( /images/mainBtnCenter.png );
	background-repeat:repeat-x;
	font-size: 11px;
	height: 21px;
	line-height: 21px;
	float:left;
	vertical-align: middle;
	text-align: center;
	padding: 0px 7px 0px 7px;
	font-weight: bold;
}

div.imgBtnMain .right
{
	background-image: url( /images/mainBtnRight.png );
	background-repeat: no-repeat;
	height:21px;
	width:13px;
	float:left;
}

div.imgBtnCancel
{
	color: #212a38;
}

div.imgBtnCancel .left
{
	background: url( /images/btnCancelLeft.png );
	background-repeat: no-repeat;
	height:21px;
	width:13px;
	float:left;
}

div.imgBtnCancel .center
{
	background-image: url( /images/btnCancelCenter.png );
	background-repeat:repeat-x;
	height: 21px;
	line-height: 21px;
	float:left;
	vertical-align: middle;
	text-align: center;
	padding: 0px 7px 0px 7px;
	font-weight: bold;
}

div.imgBtnCancel .right
{
	background-image: url( /images/btnCancelRight.png );
	background-repeat: no-repeat;
	height:21px;
	width:13px;
	float:left;
}

div.objectEdit
{
	height: 326px;
}

div.objectEdit input[type=text]
{
	width: 250px;
	margin-left: 5px;	
}

div.objectEdit input[type=password]
{
	width: 250px;
	margin-left: 5px;	
}

div.objectEdit select
{
	width: 255px;
	margin-left: 5px;
}

div.gridContainer
{
	border: solid 1px #999;
	background-color: Transparent;
}

/* entity manager control */
.entMgr input[type=text]
{
	width: 300px;	
}

.entMgr
{
}

.entMgr th
{
	text-align:left;
}

.entMgr .tblEdit
{
	border: solid 1px #CCC;
	background-color: #EEE;
	width: 100%;
}

.entMgr .tblEdit td
{
	padding-bottom: 10px;
}

.entMgr td
{
	padding: 3px;
}

.entMgrGridHeader th
{
	background-color: #ccc;
	text-align: left;
	padding: 3px; 
	color: White;
}


.entMgrGridAltRow
{
	background-color: #EEE;
}

.divScroll
{
	border-bottom: solid 1px #CCC;
	border-right: solid 1px #CCC;
	border-left: solid 1px #CCC;
}


.modalBackground
{
	background-color: #CCC;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.modalPopup
{
	background-color: #FFD;
	border: solid 1px gray;
	width: 800px;
	height: 500px;
	overflow: auto;
}

#header {
      /*float:left;*/
      overflow: auto;
      width:100%;
      background:#2e4660;
      line-height:normal;
      }
    #header ul {
      margin:0;
      /*padding:10px 10px 0;*/
      list-style:none;
      }
    #header li {
      float:left;
      background:url("../images/tab_left.png") no-repeat left top;
      margin:0;
      margin-right:1px;
      padding:0 0 0 5px;
      border-bottom:1px solid #765;
      }
    #header a {
      float:left;
      display:block;
      width:.1em;
      background:url("../images/tab_right.png") no-repeat right top;
      padding:6px 15px 7px 6px;
      text-decoration:none;
      font-weight:bold;
      color: White;
      }
    #header > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #header a {float:none;}
    /* End IE5-Mac hack */
    #header a:hover {
      color: Black;
      }
    #header #current {
      background-position:0 -28px;
      border-width:0;
      }
    #header #current a {
      background-position:100% -28px;
      padding-bottom:7px;
      color:#000;
      }
    #header li:hover, #header li:hover a {
      background-position:0% -28px;
      color:#666;
      }
    #header li:hover a {
      background-position:100% -28px;
      }
   
div#main
{
	width: 986px;
	margin-left: auto ;
	margin-right: auto ;
}
      
div#headerContent
{
	/*width: 986px;*/
	margin: 0 auto;
	padding: 10px 0px 0px 10px;
}  

div#headerContent img { border-style:none;}  

div#bodyContent
{
	/*margin: 0 auto;
	width: 986px;*/
	vertical-align:top;
}  
      
div#footer
{
	position:relative;
	font-size: 10px;
	color: #212a38;
	margin: 10px;
	
	height:56px;
}

div#footer a
{
	font-family:Arial, Sans-Serif;
	font-size:12px;
	color: #e9d877;	
}

div#footer #left
{
	background: url( ../images/footer/footer_left.gif );
	background-repeat: no-repeat;
	height:56px;
	width:14px;
	position:absolute;
	left:0px;
}

div#footer #center
{
	background-image: url( ../images/footer/footer_tile.jpg );
	background-repeat:repeat-x;
	height: 56px;
	line-height: 50px;
	font-family:Arial, Sans-Serif;
	font-size:12px;
	color: #d0ecf8;
	position:absolute;
	left:14px;
	right:14px;	
	vertical-align: middle;
	text-align: left;
	padding: 2px 7px 2px 7px;
	font-weight: bold;
}

div#footer #inner
{
	position:absolute;
	right:14px;
	height:56px;	
	line-height: 50px;
	font-family:Arial, Sans-Serif;
	vertical-align: middle;	
	font-size:12px;
	color: #d0ecf8;	
}

div#footer #inner img
{
	vertical-align: middle;	
	margin-left:10px;
}

div#footer #right
{
	background-image: url( ../images/footer/footer_right.gif );
	background-repeat: no-repeat;
	height:56px;
	width:14px;
	position:absolute;
	right:0px;
}      

ul.match 
{ 
	list-style-type: none; 
	list-style-position:outside; 
	padding:0px; 
	margin:0px; 
	background-color:#fff;
	z-index:500;
	/*min-width:200px;
	height: 150px;
	overflow:scroll;*/
}
ul.match em { font-weight: bold; font-size: 12px; color: Blue; font-style: normal; }    
ul.match li.hover {background-color:#3099ff; color: White; border: dotted 1px orange;}
ul.match li.hover em {font-weight: normal; color: White;}
ul.match li { width: auto;padding:0px 20px 0px 5px;cursor:pointer; }
