/* custom stuff */
html {
  height: 100%;
  margin-bottom: 1px;
}

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 100%;
	font-size: 10pt;
	background: url(../images/back.gif) repeat-x;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

.p, p, P {color: #000000; text-align: justify; text-decoration: none; font-weight: normal; font-size: 9.5pt; margin: 10px 3px 10px 3px;}
.clr {	clear: both; }

#page_bg {
	height: 100%; 
	padding: 0;
	margin: 0px 0px 0px 0px;
}
.center{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/** some content stuff **/

div#wrapper {
            min-width: 960px;
            width:960px;
            height: 100%;
            color: #111111;
            border:1px solid #ffffff;
            margin-left: auto;
            margin-right: auto;
            margin-top: 0px;
            margin-bottom: 0px;
            position: relative;
            padding: 0px 0px 0px 0px;
            height: 100%;
            min-height: 100%;
  	    height:auto !important;
            background: url(../images/back.jpg) repeat-x;
}
div#wrapperadmin {
            min-width: 960px;
            width:960px;
            height: 100%;
            color: #111111;
            border:1px dotted #ffffff;
            margin-left: auto;
            margin-right: auto;
            position: relative;
            padding: 0px 0px 0px 0px;
            height: 825px;
            background: url(../images/admin.jpg) repeat-x;
}

div#top{
	height: 120px;
	position: relative;	
}

span#logo {
	position: absolute;
	display: block;
	left: 0px;
	top: 1px;
	z-index: 90;
	background: transparent;
}

div#middle {

	padding: 0 1px; 
}


div#bottom div {
	height: 39px;
	padding-top: 5px;
	font-size: 7pt;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #A2A7A9;
	text-align: center;
}

div#navigation { height: 28px; background: url(../images/bub_buttonbar.png) 0 0 repeat-x; }

/* this is not xhtml compliant but works in ie/firefox */
span#topnav {
	padding: 0;
	white-space: nowrap;
	display: table-cell !important;
	display: inline-block;
}

div#mainbody { border: 0px solid #0ff; padding: 12px; }

div#quote {
	padding-top: 10px;
	margin-right: 10px;
	text-align: left;
	float: right;
	width: 505px !Important;
	width: 485px;
}

/* Headers */

h1 	{ margin: 10px 0px 5px 0px; text-align: left; color: #800080; font-size: 16pt; font-weight: bold;}
h2 	{ margin: 10px 0px 5px 0px; text-align: left; color: #800080; font-size: 14pt; font-weight: bold;}
h3 	{ margin: 10px 0px 5px 0px; text-align: left; color: #800080; font-size: 13pt; font-weight: bold; display: block; height: 32px; padding: 2px 2px 0px 7px;}
h4 	{ margin: 10px 0px 10px 0px; text-align: left; color: #550799; font-size: 12pt; font-weight: bold; border-bottom: dotted 1px;}
h5	{ margin: 15px 0px 10px 0px; text-align: left; color: #800080; font-size: 11pt; font-weight:  bold; border-bottom: dotted 1px #b2aace;}
h6 	{ margin: 15px 0px 0px 0px; text-align: left; color: #DDA0DD; font-size: 10pt; font-weight: bold; margin-bottom: 0px;}

div.hr 	{ height: 1px; border-bottom: 1px dotted #800080; }
div.hr hr { display: none; }
.hr 		{ height: 1px; border-bottom: 1px dotted #800080; margin: 0px; padding: 0px; width: 730px; }

.header   		{color: #cc9933; text-decoration: none; font-weight: bold; font-size: 12pt;}
.table_header 		{color: #800080; background-color: #cccccc; text-decoration :none; font-weight: bold; font-size: 10pt; }
.titletable 		{color: #800080; text-decoration :none; font-weight: bold; font-size: 9pt; }
.titletable a:link 	{color: #800080; text-decoration :none; font-weight: bold; font-size: 9pt; }
.titletable a:visited	{color: #800080; text-decoration :none; font-weight: bold; font-size: 9pt; }
.titletable a:active 	{color: #800080; text-decoration :none; font-weight: bold; font-size: 9pt; }
.titletable a:hover 	{color: #0099cc; text-decoration :none; font-weight: bold; background-color: #cccccc; }
.title  			{color: #800080; text-decoration: none; font-weight: bold; font-size: 11pt;}
.subtitle 		{color: #D8BFD8; text-decoration: none; font-weight: bold; font-size: 10pt;}

.block		    	{color: #222222; text-decoration: none; font-weight: normal; font-size: 9pt; text-align: justify; padding: 20px; background-color: #fefefe; border: 1px dotted #efefef;  margin-bottom:20px; background: transparent url(../images/block.png) repeat;}

/* Content */
.contentarea	{border: 0px solid #dddddd; padding: 0px 30px 0px 30px; margin: 0px 0px 0px 0px; text-align:justify;}
.footer		{clear: left; text-align: center; margin: 20px 0px 0px 35px; padding: 7px 0px 5px 0px; color: #aaaaaa; text-decoration: none; font-size: 7pt;background-position: bottom left; background: url(../images/footer.png) no-repeat; height: 30px; }
.header_top_	{margin-top:-25px; margin-left:680px; background: url(../images/top.png) no-repeat; height: 30px; }
.header_top	{margin-top:0px; margin-bottom: 10px;}
.date		{font-size: 8pt; font-weight:bold; text-align: right; margin-right:530px; margin-top:10px;}
.nav			{float: left; text-align: left; height:300px; width:980;}
.question		{color: geen; text-decoration: none; font-weight: bold; font-size:11pt;}
.thumb		{margin:0px 20px 20px 0px; padding: 5px; border: 2px solid black;background-color: #ffffff; }
.content 		{color: #222222; text-align: justify; font-size: 9.5pt; font-weight: normal; margin: 3px 3px 3px 3px; padding:0px 15px 0px 3px; }
.text	  	{color: #000000; text-align: justify; font-size: 9.5pt; font-weight: normal; margin: 3px 3px 3px 3px; padding:0px 15px 0px 3px; }
.messages		{color: #ffffff; text-decoration: none; font-weight: bold; font-size: 12pt;}
.textwhite  	{color: #ffffff; text-decoration: none; font-weight: bold; font-size: 11pt;}
.type	  	{color: #000000; text-decoration: none; font-weight: normal; font-size: 9.5pt;}
.page	  	{color: #000000; text-decoration: none; font-weight: normal; font-size: 11pt;}
.print	  	{margin: 0px 0px 0px 60px; color: #000000; text-decoration: none; font-weight: normal; font-size: 7.5pt;}
.small	  	{color: #000000; text-decoration: none; font-weight: normal; font-size: 6.5pt;}
.indicia		{color: #000000; text-decoration: none; font-weight: normal; font-size: 6pt;}


/* Boxes */
.blockgrey	{float: left; color: #222222; text-decoration: none; font-weight: normal; font-size: 10pt; text-align: justify; padding: 20px; background-color: #efefef; border: 1px dotted #111111; width: 96%; margin-bottom:20px; }
.management	{float: left; color: #222222; text-decoration: none; font-weight: normal; font-size: 10pt; text-align: justify; padding: 20px; background-color: #FFFBEF; width: 96%;}
.outside	{width: 100%; padding: 2px; border: 1px solid #222222; margin-bottom: 10px;}
.exportbox	{background-color:#efefef; color: #222222; border: 1px dotted black; padding:1px 1px 1px 1px; margin:5px; float:left; width:150px; text-align:left;}
.panelbox 	{margin: 5px 5px 5px 5px; border: thin dotted black; width: 490px; text-align: center;}
.iconbox 	{float: left; text-align: left; padding: 5px 5px 5px 5px; width: 50%; color: black; font-size: 9.5pt;}
.ibox 		{float: left; text-align: left; padding: 5px 5px 5px 5px; width: 98.5%; color: black; border: 1px dotted #222222;}
.box	  	{color: #ffffff; text-decoration: none; font-weight: normal; padding: 2px; background-color: #333333; border: 1px solid #111111;}

a.box	  	{color: #ffffff; text-decoration: none; font-weight: normal; padding: 2px; background-color: #333333; border: 1px solid #111111;}
a.box:link  	{color: #ffffff; text-decoration: none; font-weight: normal; padding: 2px; background-color: #333333; border: 1px solid #111111;}
a.box:visited 	{color: #8B008B; text-decoration: none; font-weight: normal; padding: 2px; background-color: #333333; border: 1px solid #111111;}
a.box:hover 	{color: #800080; text-decoration: none; font-weight: normal; padding: 2px; background-color: #333333; border: 1px solid #800080;}

.comments 	{color: #999999; text-decoration: none; background-color: #efefef; font-size: 10pt; border: dashed black 1pt; padding: 10px; margin: 10px; text-align: justify;}

/* Links */
.pagelink	{color: #800080; padding-left: 5px;  padding-right: 5px; margin: 1px 2px 1px 2px; background: #ffffff; font-weight: bold;}
.link 		{text-decoration :none; display: inline; }
.link a:link 	{color: #800080; text-decoration :none; font-weight: bold; border-bottom: 1px dotted #800080; margin-left:2px; margin-right: 2px; }
.link a:visited	{color: #8B008B; text-decoration :none; font-weight: bold; border-bottom: 1px dotted #8B008B; margin-left:2px; margin-right: 2px; }
.link a:active 	{color: #222222; text-decoration :none; font-weight: bold; border-bottom: 1px dotted #800080; margin-left:2px; margin-right: 2px; }
.link a:hover 	{color: #ffffff; text-decoration :none; font-weight: bold; background-color: #b2aace; border-bottom: 1px dotted #222222; margin-left:2px; margin-right: 2px; }

/* Links */
.login a:link 		{color: #800080; text-decoration :none; font-weight: bold; border-bottom: 0px dotted #800080; margin-left:2px; margin-right: 2px; }
.login a:visited	{color: #DDA0DD; text-decoration :none; font-weight: bold; border-bottom: 0px solid peru; margin-left:2px; margin-right: 2px; }
.login a:active 	{color: #D8BFD8Red; text-decoration :none; font-weight: bold; border-bottom: 1px solid #800080; margin-left:2px; margin-right: 2px; }
.login a:hover 		{color: #DDA0DD ; text-decoration :none; font-weight: bold; border-bottom: 1px solid #DDA0DD; margin-left:2px; margin-right: 2px; }


a img {border: none; } 

* a.linkopacity img 		{ text-decoration: none; float: left; padding:0px; margin: 0px; display: inline; } */
* a.linkopacity:hover img 	{ text-decoration: none; float: left; padding:0px; margin: 0px; display: inline; } */

a.tip			{position:relative; z-index:24; text-decoration:none; color: #800080; font-size: 9pt; font-weight: bold; }
a.tip:hover		{z-index:25; background-color:#212121}
a.tip span		{display: none}
a.tip:hover span	{display:block; position:absolute; top:1em; left:1.5em; width:200px; border:1px dotted #800080; background-color:#efefef; color:#000000; text-align: left;}


/* Forms */
#textarea article {font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif; color: #000000; text-decoration: none; font-weight: normal; font-size : 9pt; background=#ffffff;}
.textarea  	{font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif; color: #212121; text-decoration: none; font-weight: normal; font-size : 9pt; background=#000000;}
.form_header	{width: 99%; background-color: #212121;}
.form_number	{float: left; font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif; color: #000000; text-decoration: none; font-weight: bold; font-size : 11pt; background-color: Silver; padding: 0px 5px 0px 5px; }
.form_title	 {float: left; font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif; color: #aaaaaa; text-decoration: none; font-weight: bold; font-size : 10pt; padding: 0px 5px 0px 5px;}
.searchtitle	 {float: left; width:110px; font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif; color: #222222; text-decoration: none; font-weight: bold; font-size : 10pt; padding: 0px 5px 0px 5px;}


/* Input */
.input		{color: #000000; text-decoration: none; font-weight: normal; font-size : 9pt; background-color: #ffffff; border: 1px solid #9169c9; width: 250px; margin: 3px 3px 3px 3px;}
.input_error	{color: #ff0000; text-decoration: none; font-weight: normal; font-size : 9pt; background-color: #ffd2d2; border: 1px solid #ff0000; width: 250px; margin: 3px 3px 3px 3px;}
.error	  	{display: inline-block; color: #ff0000; text-align: left; text-decoration: none; font-weight: bold; font-size: 9pt; width: 100px; padding: 0px  0px  0px  0px; margin: 3px 3px 3px 3px; }
.formtitle	{display: inline-block; color: #212121; text-align: left; text-decoration: none; font-weight: bold; font-size: 9pt; width: 100px; padding: 0px  0px  0px  0px; margin: 3px 3px 3px 3px; }

.inputselect	{float: left;  color: #212121; text-decoration: none; font-weight: normal; font-size : 8pt; background-color: #212121; padding: 0px  0px  0px  0px; margin: 3px 3px 3px 3px; }


.textBoxSelected {
	background-color: #ffffff;
	border: 1px solid #DDA0DD;
	color:#1a1a1a;
	width: 250px;
 padding: 0px  0px  0px  0px; margin: 3px 3px 3px 3px; }

.textBox {
	background-color: #efefef;
	border: 1px solid gray;	
	color:#1a1a1a;
	width: 250px;
	padding: 0px  0px  0px  0px; margin: 3px 3px 3px 3px; 
	clear:right;  
}

/* Buttons */
.cancel, .btnblack, .btn_black	{border: 0px solid; cursor: auto; font-weight: bold; color: #ffffff; background: transparent url(../images/cancel.gif) no-repeat; height: 27px; width:114px;}
.remove						{border: 0px solid; cursor: auto; font-weight: bold; color: #ffffff; background: transparent url(../images/cancel.gif) no-repeat; height: 27px; width:114px;}
.vote						{border: 0px solid; cursor: auto; font-weight: bold; color: #ffffff; background: transparent url(../images/submit.gif) no-repeat; height: 27px; width:114px;}
.update, .btngreen, .btn_green	{border: 0px solid; cursor: auto; font-weight: bold; color: #ffffff; background: transparent url(../images/update.gif) no-repeat; height: 27px; width:114px;}
.save						{border: 0px solid; cursor: auto; font-weight: bold; color: #ffffff; background: transparent url(../images/save.gif) no-repeat; height: 27px; width:114px;}
.delete						{border: 0px solid; cursor: auto; font-weight: bold; color: #ffffff; background: transparent url(../images/delete.gif) no-repeat; height: 27px; width:114px;}
.submit						{border: 0px solid; cursor: auto; font-weight: bold; color: #ffffff; background: transparent url(../images/submit.gif) no-repeat; height: 27px; width:114px;}

.rounded 		{display:block  width:100%; margin: auto; text-align:center;}

.rounded *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#efefef}

.rounded1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f8f8f8;
  border-right:1px solid #f8f8f8;
  background:#f3f3f3}

.rounded2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fdfdfd;
  border-right:1px solid #fdfdfd;
  background:#f2f2f2}

.rounded3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #f2f2f2;
  border-right:1px solid #f2f2f2;}

.rounded4{
  border-left:1px solid #f8f8f8;
  border-right:1px solid #f8f8f8}

.rounded5{
  border-left:1px solid #f3f3f3;
  border-right:1px solid #f3f3f3}

.roundedfg { background-color: #efefef; padding: 10px 20px 10px 20px; color: #000000; text-align: justify; text-decoration: none; font-weight: normal; font-size: 9.5pt; }

