body, #wrap { font-size: 10pt; font-family:"Lucida Grande", verdana, arial, helvetica, sans-serif; margin: 0px; padding: 0px; overflow: none; color: #808080; }
a:hover { text-decoration: underline; }
a:hover, a:active { color: #0088CC; }
a { text-decoration: none; color: #0088CC; }
a img { border: none; }

/*  Headings */
h1, h2, h3, h4, h5, legend {
	font-weight: normal;
	color: black;
	letter-spacing: -1px;
}

h1 { font-size: 32px; line-height: 32px; }
h2 { font-size: 26px; line-height: 26px; }
h3, legend { font-size: 20px; line-height: 20px; }
h4 { font-size: 16px; margin: 0; }
h5 { font-size: 14px; margin: 0; }
h1 + p, h2 + p { font-size: 1.2em; }
b, strong { font-weight: bold; }
legend { padding: 0px; margin: 0px; }
span[title] { border-bottom: 1px dashed #808080; }

/* Fields */
input[type="text"], input[type="password"], textarea, select { padding: 2px; border: 1px solid #d7d7d7; }
input[type="text"], input[type="password"] { padding: 4px; }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus { border: 1px solid #888866; }
option { border-bottom: 1px dotted #d7d7d7; }
input#issue_subject { font-size: 200%; width: 90%; }

/* forms */
form, fieldset { margin: 0; padding: 0; border: none; }
input, textarea, select { font-family: "Trebuchet MS", Tahoma, Verdana, Helvetica, sans-serif; font-size: 13px; color: #333333; }
form { min-width: 500px; }
form fieldset { clear: both; }
form fieldset legend { font-weight:bold; }
form label { display: block; float: left; width: 250px; margin: 8px 0 0; text-align: left; clear: both;  }
form input, form textarea, form checkbox { width: auto; margin-top: 4px; clear: both; }
form input { clear: right; }

/* tables */
table { width:100%; border-spacing: 0px 1px; }
table thead tr th { text-align: left; padding: 8px; }
table tbody tr td,table tfoot tr td { padding: 8px; }

/* common classes */
.clear { clear: both; }
.alt { background-color: #F4F4F4; }

@media screen,projection {

	#content { margin-left: 50px; margin-right: 50px; margin-top: 32px; }

	#header { background-image: url(http://sv1.angelinecms.com/resource/default/default-bg-light.gif); background-repeat: repeat-x; }
	#header { margin: 0; }
	#header { padding: 8px 8px 0 8px; height: 100px; }
	#header h1 { letter-spacing: -1px; margin: 8px 44px; color: black; font-size: 24px; }
	#footer { width: 800px; margin: 0 auto; height: 80px; vertical-align: top; padding-top: 16px; border: 0px; text-align: center; font-size: 11px; margin-top: 24px; background-image: url(http://sv1.angelinecms.com/resource/default/default-footer.gif); }
	
	/* Menu */
	#navi { margin: 0; list-style-type: none; clear: both; position: absolute; top: 0px; margin-top: 54px; /* 4px padding from #nav li */ height: 32px; line-height: 32px; float: right;  }
	#navi li { float: left; margin: 4px; }
	#navi li a { font-weight: normal; padding:4px 8px 6px; }
	#navi li a:hover { text-decoration: none; }
	#navi li a.selected, #navi li a.selected:hover { background-color:#eee; color: #111; background-image: url(http://sv1.angelinecms.com/resource/default/default-nav-gradient.gif); background-repeat: repeat-x; }	
	#navi li a { color: #666; }
	#navi li a:hover, ul#nav li.selected a { text-decoration: underline; color: #0088CC; }
	
	/* Subnavi */
	.navi-open { z-index: 100; }
	.navi-open ul { 
		overflow: none; 
		display: block; 
		list-style-type: none; 
		position: absolute; 
		top: 32px;
		left: 0px;
		clear: both;
		float: left;
	}
	
	.navi-closed ul { display: none; }

	/* page tabs */
	ul#tabs { list-style-type:none;  }
	ul#tabs li { text-align: center; display:block; float:right; height:27px; min-width: 100px; margin: 2px; padding-left: 0px; padding-right: 0px; }
	ul#tabs li a { padding-left: 8px; padding-right: 8px; display:block; line-height:32px; text-decoration:none; height:27px; font-weight: bold; }
	ul#tabs li a:hover { color: #2971a7; text-decoration: underline; }

	/* messages and errors */
	#messagewrapper { margin: 0 auto; width: 100%; overflow: hidden; text-align: center;position: absolute; top: 0px; left: 0px; vertical-align: middle; }
	#messagecontainer div { margin: 0 auto; overflow: hidden; font-weight: bold; margin: 0px; text-align: left; vertical-align: middle; padding-top: 8px; padding-bottom: 8px; opacity: 0.8; position: relative; z-index: 115; }
	#messagecontainer .message { padding-left: 8px;  background: #bef4ad; vertical-align: middle; }
	#messagecontainer .error { padding-left: 8px;  background: #ff0000; vertical-align: middle;  color: #202020; }
	
	/* debug */
	#debug { margin-top:10px; }
	#debug > div { width:99%;color:#505050;background-color:#f5f5f5;padding:2px;border-top:1px solid gray;font-family:'Courier New',Courier,Serif;font-size:11px; }

}

@media print {

	#header, #footer, #navi, ul#tabs, .hide-in-print, #debug { display:none; }

}