body
{
	background-color: #d7d9cd;
	margin: 0px;
	font-family: Sans-Serif, Arial, Verdana;
	font-size: 8pt;
}

h1, h2, h3 { margin: 0; padding: 2px 0; }
h1 { color: #0e497f; font-size: 12pt; }
h2 { color: #0e5b7f; font-size: 11pt; letter-spacing: 1px; }
h3 { color: #7f3b0e; font-size: 10pt; }
form { margin: 0; padding: 0; }
form.easyForm input { border: solid 2px #999; padding: 1px; width: 60%; color: #555; }

input, select, textarea { border: solid 1px #aaa; padding: 2px; width: 40%; }
input.iButton, a.aButton, form.easyForm input.iButton { border: solid 2px #af631f; padding: 2px; width: 80px; cursor: pointer; font-weight: bold; color:#af631f;background:#fff; margin-top: 4px;  }
input.goButton { width:22px; border: none; } 
input.cbox { width: 18px; border: 0; padding: 0; }
input.save { width: 66px; height: 20px; border: 0; }
textarea { width: 98%; color: #555; }

a, a:visited { color: #28537b; }
a.aButton { text-decoration: none; display: block; text-align: center; width: 60px; }
a.bold, a.bold:visited { text-decoration: none; font-weight: bold; }

#panel
{
	width: 900px;
	margin: 0px auto;
}

#header {position: relative;background:#6eac4c;height: 40px;}
#header img.logo { position: absolute; left: 4px; top: 2px; }
#header img.slogan { position: absolute; right: 12px; top: 14px; }
#header #welcome { position: absolute; float: right; right: 16px; top: 16px; font-family: Sans-Serif; font-size: 8pt; color: #fff; }
#header #welcome a { color: #fff;  }


#topMenu{background:#414141;height:28px;position: relative;border-top:solid 2px #fff;}

#topMenu a, #topMenu a:visited
{
	text-decoration:none;
	font-weight:bold;
	font-size:9pt;
	color: #fff;
	display:block;
	width: 90px;
	text-align:center;
	float: left;
	height: 28px;
	line-height: 28px;
}

#topMenu a:hover { color: #aed1ef; }
#topMenu a.on, #topMenu a.on:hover { color: #ebd800; background: url(/img/tabOn.gif) no-repeat top center; }

#topMenu div.welcome { color: #fff; line-height: 28px; font-weight: bold; position: absolute; right: 8px; font-size: 9pt; }
#topMenu div.welcome a { display: inline; float: none; }

#content { position: relative; padding: 16px; margin: 16px 0;background:#fff;}
#content h1.title { text-align:right;border-bottom: solid 1px #555; margin: 0; padding: 1px 0;color:#2b556f;}


td.sideView { width: 215px; vertical-align: top; padding: 4px; background: #f1f2ec; }
td.sideView input.file { width: 90%; }
td.bigView { width: 643px; vertical-align: top; padding: 4px; }

td#lMenu { vertical-align: top; width: 169px; padding: 2px 4px; font-size: 9pt; border-right: solid 1px #b7bba5; background: #f1f2ec; }
td#lMenu a { display: block; text-decoration: none; color: #555; padding: 2px 0 2px 16px; margin: 0 4px; border-bottom: dashed 1px #b7bba5; background: url(/img/linkOff.gif) no-repeat left; font-weight: bold; }
td#lMenu a.on { background: url(/img/linkOn.gif) no-repeat left; color: #2b556f; }
td#lMenu a:hover  { color: #2b556f;}
td#lMenu h3 { margin: 8px 0 1px 4px; color: #af631f; }
td#lMenu h4 { margin: 3px 0 1px 0px; color: #777; font-size: 9pt; }
td#lMenu select { width: 98%; font-size: 9pt; }
td#lMenu select.half { width: 49%; font-size: 9pt; }

td#body
{
	vertical-align: top;
	width: 689px;
	padding: 4px;
	border-right: solid 1px #b7bba5;
}

#footer
{
	padding: 4px 0 0 0;
	text-align: center;
	font-size: 8pt;
	color: #6393bd;
	border-top: solid 1px #b7bba5;
}

#sortContainer td { cursor:move; }

#controlPanel { float:left; padding: 5px; }
#controlPanel a { padding-right: 5px; }

#ajaxResult { background-color: #008000; color: #ffffff;}

#thumbnails img { margin-right: 5px; margin-bottom: 5px; }
#thumbnails div { margin-right: 5px; margin-bottom: 5px; }

#bar { text-align: right; padding: 3px; }
#bar a { margin-right: 5px; }

#uploadNotice { color: #a0522d; }

div.trash { clear: both; float:left; padding: 5px; border: solid 1px #90ee90; width: 80px; text-align: center; }
div.hover { background-color: #afeeee; }

img.standardDrop { cursor: move; }
img.printDrop { cursor: move; }
div.docDrop { text-align: center; width: 50px; float: left; cursor: move; }
div.videoDrop { float: left; border: solid 1px #afeeee; padding: 2px; cursor: move; }
div.audioDrop { float: left; border: solid 1px #afeeee; padding: 5px; cursor: move; }
div.rawDrop { text-align: center; width: 50px; float: left; cursor: move; }

img.bl,img.br,img.tl,img.tr {position:absolute;}
img.bl{left:0px;bottom:0px;}
img.br{right:0px;bottom:0px;}
img.tl{left:0px;top:0px;}
img.tr{right:0px;top:0px;}

span.error, span.success { padding: 4px; display: block; font-size: 9pt; font-weight: bold; margin: 2px 0; }
span.error { border: solid 2px #c72100; color: #c72100; background-color: #f7f7f7; }
span.success { border: solid 2px #88c700; color: #88c700; background-color: #f7f7f7; }
span.help { color: #555; font-size: 8pt; display: block; }

table.dataView { width: 100%; }
table.dataView th { text-align: left; background: #61717c; color: #fff; }
table.dataView tr.normal td { background: #f7f7f7; color: #444; }
table.dataView tr.alt td { background: #d7d9cd; color: #444; }
table.dataView tr.overdue td { background: #e4b3b3; }

#welcomePhotographer { width: 80%; color: #696969; font-size: 11pt; padding-left: 50px; padding-top: 20px; padding-bottom: 30px; }

#email { width: 600px; border: solid 3px #ccc; padding: 12px; margin: 20px; }

table.searchView { width: 95%; }
table.searchView th { text-align: left; background: #61717c; color: #fff; }
table.searchView td { background: #f7f7f7; color: #444; }
table.searchView tr.overdue td { background: #e4b3b3; }

table#photographerInvitation { width: 100%; }
table#photographerInvitation td { font-size: 9pt; color: #444; }

table.photographerData { width: 80%; }
table.photographerData td { color: #000; font-size: 11pt; }
table.photographerData td.left { text-align: right; width: 170px; }
table.photographerData tr.line1 { background-color: #dddddd; }
table.photographerData tr.line2 { background-color: #eeeeee; }
table.photographerData #txtState { width: 80px; }
table.photographerData #txtZip { width: 70px; }
table.photographerData input.file { width: 350px; }
table.photographerData textarea { width: 400px; }

table.sideView { width: 100%; }
table.sideView th { text-align: left; background: #efefef; color: #444; padding: 2px;  width: 30%; }
table.sideView td { background: #f7f7f7; color: #444; padding: 2px; }
table.sideView td input { width: 93%; }
   
table.dataManage { width: 100%; }
table.dataManage th { width: 25%; text-align: left; color: #444; }
table.dataManage td { width: 75%; }
table.dataManage input { width: 99%; border: solid 1px #444; padding: 1px; }

table.listings { width: 100%;  }
table.listings td { vertical-align: top; text-align: left; border-bottom: solid 4px #f5f5f5; padding: 2px 0; }

table.listings td.box1 { width: 88px; height: 68px; text-align: center; }
table.listings td.box1 img { border: solid 2px #444; }
table.listings td.box4 { text-align: right; padding-right: 2px; }

/*forum css*/
table.forumView td { background: #f7f7f7; }
table.forumView th { background: #555; font-size: 10pt; color: #fff; padding: 2px; }
table.forumView td h2 { font-size: 11pt; }
table.forumView td.info { text-align: center; vertical-align: middle; background: #ddd;  }

td.title, td.postreply { font-size: 11pt; font-weight: bold; border-bottom: solid 1px #aaa; color: #444; }
td.postreply a { text-decoration: none; }
td.postreply, td.reply { text-align: right; padding: 2px 4px; }
td.reply a { color: #fff; }
td.dt, td.reply { background: #777; color: #fff; padding: 2px 4px; font-weight: bold; border-top: solid 6px #fff; }
td.poster { background: #aaa; color: #222; padding: 2px 4px; }
td.message { background: #f7f7f7; color: #333; border-bottom: solid 1px #aaa; padding: 8px 4px; }


fieldset { width: 500px; border: solid 3px #ccc; padding: 12px; margin-bottom: 20px; }
legend { font-size: 12pt; font-weight: bold; color: #444; }
label { font-weight: bold; }
fieldset input.btn { width: 120px; margin-top: 10px; }

fieldset input, fieldset textarea, fieldset select { width: 90%; }
fieldset div.error, fieldset div.fieldError { border: solid 2px #c50c0c; margin: 4px 0; padding: 4px; background: #f7f7f7; }
fieldset div.error ul { margin: 0; padding: 0; list-style-position: inside; }

div.quickStats { padding:4px;font-size:10pt;}
div.quickStats b {color: #444;}
div.quickStats span {color:#a61b00;font-weight:bold;margin-right:12px;}

hr { color: #eee; }


div.steps { border-bottom: solid 3px #555; margin: 4px 0 6px 0; font-size: 12pt; font-weight: bold; color: #555; }
div.steps span { color: #555; }
div.steps span.on { color: #1d7f88; }

div.tabMenu { height: 25px; padding: 8px 0 0 20px; border-bottom: solid 8px #6eac4c; }
div.tabMenu a { display: block; float: left; padding: 0 20px; height: 24px; line-height: 24px; border-right: solid 1px #fff; border-bottom: solid 1px #fff; background: #414141; color: #fff; font-weight: bold; text-decoration: none; }
div.tabMenu a:hover { background: #90b47c; }
div.tabMenu a.on { border-bottom: solid 1px #6eac4c; background: #6eac4c; }

div.links { height: 24px; background: #94a5b0;border-bottom: solid 1px #555; }
div.links a 
{
	display: block; 
	font-size: 9pt; 
	text-align: center;
	line-height: 24px;
	float: left; 
	width:108px; 
	text-decoration: none; 
	font-weight: bold;
	color: #fff;
}

div.links a:hover { background: #2b556f; color: #fff; }