﻿

/*======================================
      WELCOME TO THE STYLESHEET
--------------------------------------      
     Copyright Mike Crittenden
      Author: Mike Crittenden
======================================*/
 
/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|
- black		#000
- white		#fff
\**************************************/
/**************************************/
/*              RESET               */
/**************************************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}


/**************************************/
/*              GLOBALS               */
/**************************************/


/**************************************/
/*              TYPOGRAPHY               */
/**************************************/
html { font-size: 62.5%; font-family: Verdana,Arial,Helvetica,sans-serif; }
h1
{
	font-size: 2.7em;
	font-weight: normal;
	color: #FFFFFF;
    padding-top: 10px;
    padding-bottom: 15px;
}
h2
{
	font-size: 2.3em;
	font-weight: normal;
	color: #0099FF;
}
h3
{
	font-size: 2em;
	font-weight: normal;
	color: #CCCCCC;
	margin-bottom: 5px;
}
.error
{
    padding:.8em;
    margin-bottom:1.6em;
    background:#FBE3E4;
    color:#8a1f11;
    border:2px solid #8a1f11;
    }
    .error img, .message img{
        vertical-align:middle;
    }
.message
{
    background:#E6EFC2;
    color:#264409;
    border:2px solid #264409;
    padding:.8em;
    margin-bottom:1.6em;
    margin-top:1.6em;
}

a:link, a
{
    color:#fff;
    text-decoration:underline;
    font-size:1.0em;
}
a:hover
{
    color:#fff;
    text-decoration:none;
}
p
{
    font-size:1.0em;
}
input
{
}
/**************************************/
/*              HEADER                */
/**************************************/



/**************************************/
/*             NAVIGATION             */
/**************************************/
#menu
{
	/*float: right;*/
	height: 40px;
	margin-top: 31px;
	padding-right: 4.0em;
	/*padding-left: 100px;*/
	margin-left: 310px;
	/*background: url(img/menu.jpg) bottom right no-repeat;*/
}
#menu ul
{
	margin: 0px;
	padding: 0px;
}
#menu ul li
{
	list-style-type: none;
	display: block;
	float: left;
	margin-left: 1.0em;
	background-color: #222222;
}
#menu ul li.active
{
	background-color: #333333;
	border-top: 1px solid #222222;
	border-left: 1px solid #222222;
	border-right: 1px solid #222222;
}
#menu ul li:hover
{
    background-color:#444;
}
#menu ul li.active a
{
	color: #FFFF00;
}
#menu ul li a
{
	text-decoration: none;
	margin: 0.5em;
	height: 40px;
}
#menu ul li a
{
	font-size: 1.9em;
	font-weight: normal;
	color: #CCCCCC;
	line-height: 30pt;
}
/* ------------------------------------------------------------------------------------------- */
#tabs
{
	/*float: right;*/
	height: 40px;
	/*padding-left: 100px;*/
	/*background: url(img/menu.jpg) bottom right no-repeat;*/
	margin-top: 2.0em;
	border-bottom: 1px solid #222222;
}
#tabs ul
{
	margin: 0px;
	padding: 0px;
}
#tabs ul li
{
	list-style-type: none;
	display: block;
	float: left;
	margin-right: 1.0em;
	background-color: #222222;
    min-height: 40px;
}
#tabs ul li.active
{
	background-color: #333333;
	border-top: 1px solid #222222;
	border-left: 1px solid #222222;
	border-right: 1px solid #222222;
}
#tabs ul li.active a
{
	color: #FFFF00;
}
#tabs ul li:hover
{
    background-color:#444;
}
#tabs ul li a
{
	text-decoration: none;
	margin:0 0.5em;
	height: 3em;
}
#tabs ul li a
{
	font-size: 1.4em;
	font-weight: normal;
	color: #CCCCCC;
	line-height: 2.5em;
}
/* ------------------------------------------------------------------------------------------- */
#submenu
{
	float: right; /*height: 40px;*/
	padding-right: 0px; /*background: url(img/menu.jpg) bottom left no-repeat;*/
}
#submenu ul
{
	margin: 0px;
	padding: 0px;
}
#submenu ul li
{
	list-style-type: none;
	display: block;
	float: left;
	margin-left: 1.0em; /*background-color: #222222;*/
}
#submenu ul li.active
{
	/*background-color: #333333; 	border-top: 1px solid #222222; 	border-left: 1px solid #222222; 	border-right: 1px solid #222222;*/
}
#submenu ul li a
{
	/*text-decoration: none;*/
	margin: 0.5em; /*height: 40px;*/
}


/**************************************/
/*            MAIN CONTENT            */
/**************************************/
body
{
    color: #999999;
	margin: 0px;
	background: #333333 url(/img/body.jpg) top center no-repeat;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size:1.1em;
}
table
{
	border-collapse: collapse;
	border-right: none;
	border-top: 1px solid #333333;
	padding: .2em; /*width: 600px;*/
	width: 100%;
	margin-bottom: 1em;
	font-size:1.0em;
}
tr:hover td
{
    background-color:#444;
}
table.MasterTable_Default tr:hover td, table.MasterTable_Default tr:hover td a
{
    color:#fff;
    background-color:#444;
}
table.MasterTable_Default tr.GridPager_Default
{
    color:#000;
}

table.MasterTable tr input[type="text"], input.rgFilterBox{
    background-color:#fff !important;
    width:auto !important;
}
table td
{
    vertical-align:middle;
    font-size:1.0em;
    padding-right:0.3em;
}
.pictures tr td img
{
    border:2px solid #ccc !important;
}
.pictures tr:hover td img
{
    border:2px solid #111 !important;
}
img.largePicture
{
    display:none;
}
table label
{
    font-size:1em;
}
table.closed
{
    width:50%;
    margin-left:150px;
    clear:both;
}
table.closed td
{
    border:none;
}
table.closed td label
{
    display:inline;
    float:none;
    margin:0;
}
table.inlineLabel label
{
    display:inline;
    float:none;
    margin:0;
}
th
{
	/*border-left: 2px ridge;*/ /*#FFFFFF;*/
	border-left: 1px solid #333333;
	border-bottom: 1px solid #555555; /*#FFFFFF;*/ /*background-color: #555555;*/
	padding: .3em;
	padding-left: 1em;
	text-align: left;
	font-weight: bold;
	vertical-align: top;
}
td
{
	border-left: 1px solid #333333;
	border-bottom: 1px solid #555555; /*background-color: #555555;*/
	padding: .3em;
	padding-left: 1em;
	vertical-align: top;
}
#tools
{
	height: 20px;
	text-align: right;
	padding: 1.0em 2.0em 1.0em 2.0em;
	color: #999999;
}
#tools a
{
	color: #999999;
	text-decoration: none;
}
#tools a:hover
{
	color: #999999;
	text-decoration: underline;
}
#banner
{
	height: 110px;
	margin: 0px auto;
	width: 990px;
}
#content
{
	margin: 2.0em auto;
	width: 990px;
	position:relative;
}

#wrapper #content table.MasterTable_Default{
    
    width:990px !important;
}
#panel
{
	float: left;
	width: 300px !important;
	background: url(/img/gradientcorner.gif) top left no-repeat;
	padding-left: 1.5em;
}
img#spinningLoader
{
    position:absolute;
    left:450px;
    top:100px;
}
#panel ul
{
	padding-left: 0px;
}
#panel ul li
{
	list-style-type: none;
	padding-left: 1.0em;
}
#panel label
{
    
    display:block;
    font-size:1.0em;
    color:#FFF;
}
label
{
    display:block;
    font-size:1.0em;
    color:#FFF;
    float:left;
    width:150px;
    margin-bottom:0.3em;
}
#details table.narrow{
    width:25%;
    margin:0;
}
table.narrow td{
    border:none;
}
table.narrow td label{
    display:inline;
    float:none;
}
table.documents td
{
    
}
#details
{
	float: right;
	background: #333333 url(/img/gradientcorner.gif) top left no-repeat;
	padding-left: 1.5em;
	padding-top:1.5em;
	width:650px;
}
#details2
{
	float: right;
	background: #333333 url(/img/gradientcorner.gif) top left no-repeat;
	padding-left: 1.5em;
	padding-top:1.5em;
	width:990px;
}
.small 
{
	width: 80px !important;
}
#details table
{
    margin-top:1.0em;
}
#tabstrip
{
	margin-top: 2.0em;
	width: 100%;
	height: 24px;
	background: url(/img/tabstrip.gif) top left no-repeat;
	border-bottom: #000000;
}
hr
{
   background-color:#666;
   height:1px;
   margin-top:2.0em;
   margin-bottom:2.0em; 
   border:medium none;
}
ul li
{
    font-size:1.0em;
}
ul.bullets li
{
    list-style-type:square;
    list-style-position:inside;
}
#login{

    margin-top:200px;
    width:400px;
    padding:10px;
    border:1px dotted #ccc;
}

#searchResPager{
	width:650px;
}

#searchResPager div{
	display:block;
	float:left;
	margin-left:10px;
	margin-bottom:4px;
	width:12px;
}

.msg-box {
    padding-bottom: 25px;
    padding-top: 15px;
}

.msg {
    padding-bottom: 15px;
    padding-top: 5px;
}

.error {
    color:darkred;
}

.info {
    color:yellowgreen;
}

.btn {
	background: #333333 url(/img/gradient.gif) top left repeat-x;
	color: #FFFFFF;
	font-weight: bold;
	border: outset #666666 1px;
	height: 25px;
	width: 100px;
	text-align: center;
	margin-left: 0.5em;
	cursor:pointer;
	margin-right:3px;
    padding: 4px 10px 4px 10px;
}

.btn:hover {
	background: #333333 url(/img/gradient.gif) top left repeat-x;
	color: #FFFFFF;
	font-weight: bold;
	border: outset #666666 1px;
	height: 25px;
	width: 100px;
	text-align: center;
	margin-left: 0.5em;
	cursor:pointer;
	margin-right:3px;
}

/******************* FILE TYPE LINKS **************/
a.doc
{
    background-image:url(../img/filetypes/icon_doc.gif);
    background-repeat:no-repeat;
    background-position:0 50%;
    padding-left:19px ;
    
}
a.docx
{
    background-image:url(../img/filetypes/icon_doc.gif);
    background-repeat:no-repeat;
    background-position:0 50%;
    padding-left:19px ;
    
}
a.pdf
{
    background-image:url(../img/filetypes/icon_pdf.gif);
    background-repeat:no-repeat;
    background-position:0 50%;
    padding-left:19px;
}
a.xls
{
    background-image:url(../img/filetypes/icon_xls.gif);
    background-repeat:no-repeat;
    background-position:0 50%;
    padding-left:19px;
}
a.xlsx
{
    background-image:url(../img/filetypes/icon_xls.gif);
    background-repeat:no-repeat;
    background-position:0 50%;
    padding-left:19px;
}

/**************************************/
/*            FORM ELEMENTS            */
/**************************************/


fieldset
{
    padding:0 1.4em 1.4em 1.4em; 
    margin: 3em 0 1.5em 0; 
    border: 1px solid #999; 
}s
legend + table, legend + ul
{
    margin-top:2.5em;
}

legend
{
    color:#ffff00;
    font-size:2.0em;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    cursor:pointer;
}
select
{
    width:205px;
    background-color:#555;
    border:1px solid #333;
    color:#ccc;
    margin-bottom:0.3em;
    font-size:1em;
    padding-left:0.5em;
}
option
{
    border-bottom:1px dotted #999;
}
input[type="text"], textarea, .text, input[type="password"]
{
	/*background: #333333 url(img/gradientflip.gif) bottom left repeat-x;*/
	background-color: #555555;
	color: #ccc;
    margin-bottom:0.3em;
    border:1px solid #333;
    padding-left:0.5em;
    font-size:1em;
    font-family:Verdana,Arial,Helvetica,sans-serif;
}
#login input[type="text"],#login input[type="password"], #panel input[type="text"],#panel input[type="password"]
{
    width:200px;
    margin-bottom:0.3em;
}
input[type="submit"], input[type="reset"], input[type="button"], .button
{
	background: #333333 url(/img/gradient.gif) top left repeat-x;
	color: #FFFFFF;
	font-weight: bold;
	border: outset #666666 1px;
	height: 25px;
	width: 100px;
	text-align: center;
	margin-left: 0.5em;
	cursor:pointer;
	margin-right:3px;
}
textarea
{
	width: 400px;
	font-size:1em;
}
textarea.large
{
	height: 350px;
	color:#ccc;
}
/**************************************/
/*               FOOTER               */
/**************************************/
#footer
{
	/*width: 100%;*/
	height: 30px;
	padding: 1.0em 2.0em 1.0em 2.0em;
	border-top: solid 1px #000000;
	text-align: right;
	background: url(/img/footer.jpg) top right no-repeat;
	color: #999999;
	text-decoration: none;
}
#footer a
{
	color: #999999;
	text-decoration: none;
}
#footer a:hover
{
	color: #999999;
	text-decoration: underline;
}