html, body{
	font-family: Verdana, Arial, Sans-Serif;
	background-color:#ffffff;/*E2EBED */
	padding: 0px;
	margin: 0px;
	font-size: 11px;
}
#footer{
	height:30px;
	vertical-align:middle;
	text-align:right;
	clear:both;
	padding-right:3px;
	background-color:#317082;
	margin-top:2px;
	width:790px;
}
form
{
	margin:0px;
}


#currentloaded, #status { display: none; }
#infocontent 
{
    min-height: 150px; 
    width: 300px; 
    background-image: url(../../images/loader.gif); 
    background-position: center center; 
    background-repeat: no-repeat; 
}
#infocontent div.text
{
    padding: 10px;
}

	
	
	
	

.view_project
{
    min-width: 100px;
}
a.media,
a.media:visited,
a.media:link,
a.media:active
{
    text-decoration: none;    
    border: solid 1px #fafafa;
    color: #656565;
    margin-left: 30px;
    margin-right: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}
a.media:hover
{
    border: solid 1px #989898;
}
          
a.media_project,
a.media_project:visited,
a.media_project:link,
a.media_project:active
{
    text-decoration: none;    
    border: solid 1px #fafafa;
    color: #656565;
    font-size: 14px;
    border-left: solid 5px #afafaf;
    border-right: solid 1px #fafafa;
    border-top: solid 1px #fafafa;
    border-bottom: solid 1px #fafafa;
    padding-left: 5px;
    margin: 10px;
}
a.media_project:hover
{
    border-left: solid 5px #afafaf;
    border-right: solid 1px #afafaf;
    border-top: solid 1px #afafaf;
    border-bottom: solid 1px #afafaf;
}

#info
{
    position: absolute;
    min-height: 150px;
    width: 300px;
    border: solid 1px #878787;
    background-color: #ffffff;
}







	
.usercomments
{
}

.admin_nav
{
    width: 300px;
    min-height: 250px;
    border-left: solid 1px #bababa;
    border-right: solid 1px #bababa;
    border-bottom: solid 1px #bababa;
    float: left;
    text-align: left;
    background-color: #fafafa;
    margin-right: 10px;
}
.admin_content_holder
{
    text-align: left;
    width: 800px;
    float: right;
    min-height: 600px;
    padding-right: 36px;
}
.admin_content
{
    text-align: left;
    width: 800px;
    border-left: solid 1px #bababa;
    border-right: solid 1px #bababa;
    border-bottom: solid 1px #bababa;
    min-height: 800px;
    background-color: #fafafa;
}
.admin_main
{
    width: 1150px;
}
.admin_main_small
{
    width: 854px;
}

.admin_content h1
{
    font: normal 11px verdana, lucida, sans-serif;
    font-size: 16px;
    color: #787878;
    margin-top: 0px;
    padding: 0px;
    font-weight: normal !important;
    letter-spacing: +.2em;
}
.admin_logo
{
    float: left; 
    text-align: right; 
    width: 314px;
}
.admin_logo_small
{
    padding-top: 250px;
    float: left; 
    text-align: right; 
    width: 18px;
}
.menuheader { text-align: center; border-bottom: solid 1px #cdcdcd; margin-bottom: 2px; padding-bottom: 3px; margin-top: 10px; }

#navcontainer
{
    margin-left: 15px;
}

#navcontainer ul
{
    margin-left: 0px;
    padding-left: 0px;
    list-style-type: none;
    text-align: left;
    margin-right: 15px;
    overflow: hidden;
}

#navcontainer ul li a
{
    white-space: nowrap;
    background: transparent url(../../images/list-off.gif) left center no-repeat;
    padding-left: 15px;
    text-align: left;
    font: normal 11px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
    text-decoration: none;
    color: #999;
}

#navcontainer ul li a:hover
{
    background: transparent url(../../images/list-on.gif) left center no-repeat;
    color: black;
}

#navcontainer ul li a#current
{
    background: transparent url(../../images/list-active.gif) left center no-repeat;
    color: #666;
}






input.button
{
    background-color: #ffffff;
    border-left: solid 1px #a9a9a9;
    border-right: solid 1px #a9a9a9;
    border-top: solid 1px #666666;
    border-bottom: solid 1px #666666;
    font-size: 10px;
    font-family: Lucida, Verdana, Lucida Sans, Sans-Serif;
    color: #3f3f3f;
    width: 65px;
}
input.funky
{
    width: 150px;
    font-size: 11px;
    font-family: Lucida, Verdana, Lucida Sans, Sans-Serif;
    background-color: #ffffff;
    border: solid 1px #d0d0d0;
}
div.funky
{
    width: 250px;
    font-size: 11px;
    font-family: Lucida, Verdana, Lucida Sans, Sans-Serif;
    background-color: #fafafa;
    border-left: solid 1px #a9a9a9;
    border-right: solid 0px #a9a9a9;
    border-top: solid 0px #a9a9a9;
    border-bottom: solid 1px #a9a9a9;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 0px;
    padding-right: 1px;
}

select.funky
{
    width: 250px;
    font-size: 11px;
    font-family: Lucida, Verdana, Lucida Sans, Sans-Serif;
    background-color: #fafafa;
    border-left: solid 1px #a9a9a9;
    border-right: solid 0px #a9a9a9;
    border-top: solid 0px #a9a9a9;
    border-bottom: solid 1px #a9a9a9;
}
textarea
{
    font-size: 11px;
    font-family: Lucida, Verdana, Lucida Sans, Sans-Serif;
    background-color: #fafafa;
    border-left: solid 1px #a9a9a9;
    border-right: solid 1px #a9a9a9;
    border-top: solid 1px #a9a9a9;
    border-bottom: solid 1px #a9a9a9;
    width: 250px;
    height: 100px;
}








.pageheader
{
	font-weight: bold;
	font-size: 16px;
	color: #808080;
	font-family: Verdana, Arial;
}
.gv
{
    font: normal 12px verdana, lucida, sans-serif;
	background-color: #ffffff;
	border-right: #808080 1px solid;
	border-top: #808080 1px solid;
	border-left: #808080 1px solid;
	border-bottom: #808080 1px solid;
}


.gvalt td
{
    font: normal 12px verdana, lucida, sans-serif;
	background-color: #efefef;
	padding-left: 3px;
	padding-right: 3px;
	text-align: left;
	vertical-align: top;
}
.gvnorm td
{
    font: normal 12px verdana, lucida, sans-serif;
	background-color: #ffffff;
	padding-left: 3px;
	padding-right: 3px;
	text-align: left;
	vertical-align: top;
}
.gvheader th
{
	color: #323232;
    font: normal 13px verdana, lucida, sans-serif;
	background-color: #cdcdcd;
	padding-left: 3px;
	padding-right: 3px;
	font-weight: normal;
	border-bottom: solid 1px #969696;
	text-align: left;
}
.gvheader th a,
.gvheader th a:link,
.gvheader th a:active,
.gvheader th a:visited
{
	color: #323232;
    font: normal 13px verdana, lucida, sans-serif;
	text-decoration: none;
	border-bottom: dotted 1px #212121;
	font-weight: normal;
}
.gvheader th a:hover
{
	color: #323232;
    font: normal 13px verdana, lucida, sans-serif;
	text-decoration: none;
	border-bottom: solid 1px #212121;
	font-weight: normal;
}

.gvlink
{
    font: normal 12px verdana, lucida, sans-serif;
	color: #808080;
	text-decoration: underline;
	font-weight: normal;
}
A.gvlink:visited
{
	color: #808080;
    font: normal 12px verdana, lucida, sans-serif;
	text-decoration: underline;
	font-weight: normal;
}
.pageheader
{
	font-weight: bold;
	font-size: 16px;
	color: #808080;
	font-family: Verdana, Arial;
}









div.section
{
    border: 1px solid #CCCCCC;
    padding: 0px 0px 10px 0px;
    background-color: #fafafa;
}

div.section h3{
    font-size: 14px;
    padding: 2px 5px;
    margin: 0 0 10px 0;
    background-color: #CCCCCC;
    display: block;
}

div.section
{
    width: 380px;
    min-height:500px;
    /*height: 500px;
    overflow: auto;*/
}
div.section h3 {
    cursor: move;
}

div.lineitem {
    margin: 3px 10px;
    padding: 2px;
    border: solid 1px #CCCCCC;
    cursor: move;
    padding: 5px;
    background-color: #f0f0f0;
}
/* CSS for File Upload Flash Control */

.likeParent {
	font: inherit;
	color: inherit;
	text-decoration: inherit;
}

a.likeParent,
a.likeParent:link,
a.likeParent:active,
a.likeParent:visited,
a.likeParent:hover 
{
	font: inherit;
	color: #000000;
	text-decoration: none;
}

div.title 
{
	width: auto;
	/*background-color: #B5C4FF;*/
	background-color: #99BBE8;
	border-bottom: solid 1px #000000;
	padding: 2px;
	margin-bottom: 15px;

	font-family: Verdana;
	font-size: 14pt;
	color: #000000;
	text-decoration: none;

}
div.content 
{
	margin: 10px;
}

fieldset {
	margin: 5px;
}

legend 
{
	font-family: Arial;
	font-size: 11pt;
	font-weight: bold;
	color: Black;
}

fieldset.flash
{
	width: 375px;
	margin: 10px 0px 10px 0px;
	border-color: #D9E4FF;
}

.progressWrapper {
	width: 357px;
	overflow: hidden;
}
.progressContainer {
	margin: 5px;
	padding: 4px;
	
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	
	overflow: hidden;
}
.red /* Error */
{
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}
.green /* Current */ 
{
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}
.blue /* Complete */
{
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 8pt;
	font-weight: bold;
	color: #555555;
	
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}
.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0px;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}
.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}
.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}
.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Verdana;
	text-align: left;
	white-space: nowrap;
}
a.progressCancel,
a.progressCancel:link,
a.progressCancel:active,
a.progressCancel:visited,
a.progressCancel:hover
{
	font-size: 0px;
	display: block;
	height: 14px;
	width: 14px;
	
	background-image: url(../images/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}
a.progressCancel:hover 
{
	background-position: 0px 0px;
}
/* End File Upload CSS */









.listing
{
    width: 220px;
    float: left;
    height: 300px;
    overflow: auto;
}
.listing .area,
.listing .selected,
.listing .selected_light  
{
    text-align: left;
    width: 175px;
    overflow: hidden;
    border: 1px solid #dedede;
    margin: 3px;
    cursor: pointer;
}
.listing .area div a,
.listing .selected div a,
.listing .selected_light a
{
    display: block;
    text-decoration: none;
    color: #333333;
    padding: 10px;
}
.listing .area div,
.listing .selected div,
.listing .selected_light div
{
}
listing .area div,
listing .selected div
{
    padding: 10px;    
}

.listing .selected
{
    background-color: #676161 !important;
    color:White;
    cursor: pointer;
}
.details
{
    text-align: left;
    float: left;
    width: 290px;
    height: 300px;
    overflow: auto;
    padding-left: 10px;
}

.listing .selected_light
{
    background-color: #837d7d !important;
    color:White;
    cursor: pointer;
}

.listing .selected_light a
{
    color:White;
}
.listing .selected div a
{
    color:White;
}



/* sFIR stuff */
h1.johndvl {
	text-align: center;
	text-transform: uppercase;
	font-size: 28px;
	padding: 20px 0 20px 0;
	margin: 0 20px 0 20px;
}
div.johndvl
{
    font-family: Arial Narrow, Helvetica, Arial, Verdana, Sans Serif;
    font-size: 10px;
    letter-spacing: 4px;
    line-height: 13px;
	font-weight: normal !important;
	text-align: left;
    color: #3e3e3e;
}

div.johndvl a,
div.johndvl a:link,
div.johndvl a:active,
div.johndvl a:visited
{
    text-decoration: none;
    color: #3e3e3e;
}

div.johndvl a:hover
{
    color: #d0d0d0;
}




div.frontmain
{
    width: 720px;
}