/*COLORS:
Dark Grey (background) - #333333
Light Grey - #eeeeee
Yellow - #f8bb2b
Light Blue - #0ea1dc
Dark Blue - #006699
Green - #528d52
Red - #ef4a23


FONTS:
Nav (all states) - Arial, reg, 15px, ALL CAPS, Dark Grey #333333 
Main Titles/headlines - Georgia, reg, 18px, Red - #ef4a23 
SideBar Titles/headlines - Georgia, reg, 18px, Dark Blue - #006699 
Main body text - Verdana, reg, 12px, Dark Grey #333333 
Footer - Arial, reg, 10px, ALL CAPS, extra letter space, Dark Grey #333333 (text should be links and read "Laurin Publishing, SPIE.org, Photonics.com")
Main column links - Verdana, reg, 12px, Dark Grey #333333 text with Red - #ef4a23 underline 
Sidebar links - Verdana, reg, 12px, Dark Grey #333333 text with Dark Blue - #006699 underline
*/
html
{/* Always make vertical scrollbar (kills annoying page shift in Firefox) */
	min-height: 100%;
	margin-bottom: 1px;}

body {
background-color:#ffffff;
margin-top:10px;
padding:0;}

/*navigation*/
.nav_top {
width:222px;
height:8px;
margin:0;
padding:0;
border:1px solid #ffffff;}

div.yellow, td.yellow a, a.yellow:hover {
background-color:#f8bb2b;}

div.blue, td.blue a, a.blue:hover {
background-color:#0ea1dc;}

div.red, td.red a, a.red:hover {
background-color:#ef4a23;}

div.green, td.green a, a.green:hover {
background-color:#528d52;}

td.nav {
width:224px;
text-align:center;
border:1px solid #CCCCCC;
border-top:none;
border-left:none;
background-color:#eeeeee;}

td.nav a {
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#333333;
text-decoration:none;
display:block;
padding:8px 0;}

/*Override for Page Title*/
h1.pagetitle
{
 font-family: Georgia, "Times New Roman" , Times, serif;
 font-size: 18px;
 font-weight: normal;
 color: #006699;
 border-left: 1px dotted #dddddd;
 margin-top: 20px;
 padding-left: 20px;
 margin-bottom: 0px;
}

/*main*/
#main h1 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
font-weight:normal;
color:#ef4a23;
margin-bottom:0;
margin-top: 20px;
padding-bottom:0;}

.SectionTitleText
{
 font-family:Georgia, "Times New Roman", Times, serif;
 font-size:18px;
 font-weight:normal;
 color:#ef4a23;
 margin-bottom:0;
 margin-top: 20px;
 text-decoration: none;
 padding-bottom:0;
}

#main p 
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
margin-top:0;
padding-top:0;
line-height:16px;
}

.stdFont
{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 color:#333333;
}

/*intro*/
#intro {
padding:20px 50px 20px 30px;}

#intro, #judges {
border-bottom:1px solid #006699;}

#intro a {
text-decoration:none;
color:#006699;}

#intro li
{
font-family:Verdana, Helvetica, sans-serif;
font-size:12px;
color: #333333;
}

#application a {
text-decoration:none;
color:#006699;
border-bottom:1px solid #006699;}

.underline
{
 text-decoration: underline;
}

/*application*/
#application 
{
padding:0px 20px 20px 20px;}

#application fieldset {
border:1px solid #006699;
padding:0 15px;}

#application legend {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
font-weight:normal;
color:#006699;}

#application .application td {
vertical-align:middle;
font-family:Verdana, Helvetica, sans-serif;
font-size:12px;
color: #333333;}

.input {
width:285px;
font-family:Verdana, Helvetica, sans-serif;
font-size:12px;
color: #333333;
border:1px solid #aaaaaa;}

.text_small {
width:285px;
height:50px;
font-family:Verdana, Helvetica, sans-serif;
font-size:12px;
color: #333333;
border:1px solid #aaaaaa;}

.text_med {
width:285px;
height:65px;
font-family:Verdana, Helvetica, sans-serif;
font-size:12px;
color: #333333;
border:1px solid #aaaaaa;}

.text_lg {
width:285px;
height:100px;
font-family:Verdana, Helvetica, sans-serif;
font-size:12px;
color: #333333;
border:1px solid #aaaaaa;}

.link_big
{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
font-weight:normal;
margin-bottom:0;
margin-top: 20px;
padding-bottom:0;
}

.dropdown {
border:1px solid #aaaaaa;
font-size:12px;
font-family:Verdana, Helvetica, sans-serif;
color:#333333; }

#application .bold {
font-weight:bold;}

#application .red {
font-size:10px;
color:#ef4a23;
font-style:italic;}

.button 
{
 background-color: #ef4a23;
 font-size:12px;
 font-family:Verdana;
 height:20px;
 color:#FFFFFF;
	border-color: #ABAB80 #5E5D38 #5E5D38 #ABAB80;
	border-width: 2px;
	border-style: solid;
	margin: 4px 4px 8px 4px;
}

.buttonHover 
{
	background-color: #ce2a0a;
 font-size:12px;
 font-family:Verdana;
 height:20px;
 color:#FFFFFF;
	border-color: #ABAB80 #5E5D38 #5E5D38 #ABAB80;
	border-width: 2px;
	border-style: solid;
	margin: 4px 4px 8px 4px;
}

/*judges*/
#judges {
padding:20px 50px 20px 30px;}

table.judges {
font-family:Verdana, Helvetica, sans-serif;
font-size:12px;
color: #333333;}

/*dates*/
#dates {
padding:30px 100px;}

a.offsite:link
{
 color: #006699;
}

a.offsite:visited
{
 color: #006699;
}

a.offsite:hover
{
 color: #0ea1dc;
}

a.offsite:active
{
 color: #003366;
}


/*sidebar*/
#sidebar {

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;}

#sidebar h1 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
font-weight:normal;
color:#006699;
border-left:1px dotted #dddddd;
margin-top:20px;
padding-left:10px;}

#sidebar ul {
list-style:none;
margin:0;
padding:0;
border-left:1px dotted #dddddd;
padding-left:10px;}

#sidebar li {
padding:5px 0;
color:#333333;}

#sidebar span {
color:#006699;}


/*footer*/
#footer {
background-color:#eeeeee;
margin:0;
padding:0;}

#footer p {
text-align:center;
line-height:20px;
margin:0;
padding:0;
color:#333333;}

#footer a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
letter-spacing:2px;
color:#333333;
text-decoration:none;}

#footer span {
font-size:9px;
color:#006699;}

.tableClass
{
 border-top: solid 1px #aaaaaa;
 border-left: solid 1px #aaaaaa;
 border-right: solid 2px gray;
 border-bottom: solid 2px gray;
 background-color: #eeeeee;
}

.cellClass
{
 padding: 2px 6px 2px 6px;
}

/* The following items are used to create a consistent appearance across browsers 
 note, the -moz-opacity, filter, and opacity values are browser specific (but should work for most if not all browsers)
*/
.uploadFile
{
 position: relative;
 z-index: 2;
 -moz-opacity: 0;
 filter:alpha(opacity: 0);
 opacity: 0;
 width: 200px;
}
.uploadFileText
{
 text-decoration: none;
 font-family: Verdana, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: normal;
	margin: 4px 4px 8px 4px;
}
.uploadFileToken
{
	background-color: #ef4a23;
 text-decoration: none;
 color: White;
 font-family: Verdana, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;
 text-align:center;
	border-color: #ABAB80 #5E5D38 #5E5D38 #ABAB80;
	border-width: 2px;
	border-style: solid;
	margin: 4px 4px 8px 4px;
}
.uploadFileTokenHover
{
	background-color: #ce2a0a;
 text-decoration: none;
 color: White;
 font-family: Verdana, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;
 text-align:center;
	border-color: #7C7D53 #40402B #40402B #7C7D53;
	margin: 4px 4px 8px 4px;
}
.fakeUploadFile
{
 position: absolute;
 top: 0px;
 left: 0px;
 z-index: 1;
 width: 300px;
}
.fileinputs
{
 position: relative;
}