/* WROTE BY KLASG.SE **********************************************************/
html { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; cursor: default; }
body { text-align: center; margin: 1em 2em 2em;	background-color: #005680; }
h1, h2, h3 { font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
						 font-weight: bold;
						 color: #b5b5b5;
						 cursor: default; } /* IE-fix */

h1.title { font-size: 4em; margin: 0 0 0.5em; }
h1.title a  {	color: #c5c5c5;	text-decoration: none; }
h1.title a:hover { text-decoration: underline; background-color: #ffffff; }
h1 span.adjust { padding-top: 5px; }
h2.title-small { font-size: 1.6em; margin: 0.2em; }
h2.topic { color: #555; font-size: 1.6em; margin: 0.2em; }
h2.topic {font-size: 1.6em; margin: 0.4em 0; text-align: center; }
hr { background-color: #555; height: 2px; color: #555; border: 0; margin: 20px 0;  }

div#menu { text-align: right; margin: 0px; padding: 0px 1em 0px 0px; color: #ffffff; }
div#menu p { margin: 0px; padding: 0px; }
div#header { width: 800px; height: 130px; margin: 0 auto; text-align: center; clear: both; }
div#heading {  }
div#main { clear: both; }
div#main-box { margin: 0px 10em; text-align: left; }
div#extracted { width: 300px; height: 300px; float: right; text-align: left; }
div#extracted h2 { margin: 0px; }
div#extracted ul { list-style: none; padding: 0px; margin: 0px; }
div#extracted ul li { padding: 0px; margin: 0px 0px 0px 15px; }
div#extracted a { text-decoration: none; }

h3 { font-size: 1.3em; }
h3 a { color: #85b6fe; text-decoration: none; }
h3 a:hover { color: #428cfd; text-decoration: none; }

li { list-style: none; }

p a { color: #428cfd; text-decoration: none; }
p a:hover { text-decoration: underline; }
small { margin: 0px; }
sup { margin: 0px; padding: 0px; }
span { cursor: pointer; cursor: hand; } /* Any better solution? */
code { background-color: #fff; border: 1px solid #ddd; padding: 0.1em 0.2em;}
table { width: 100%; text-align: left; }
th { padding-bottom: 0.4em; }
th a, td a { color: #428cfd; text-decoration: none; }
th a:hover, td a:hover { text-decoration: underline; }
td { font-size: 0.9em; padding: 0.2em 0; }
form { padding: 0px; margin: 0px; }
fieldset { margin: 0px auto; width: 30em;	border: none; padding: 0px;	}
legend { display: none; }
label {	display: none; }

input[type='text'],input[type='password'], input[type='submit'], select, textarea {	color: #666666;
													margin: 0.5em 0px 0px 0px;
													padding: 0.3em;
													width: 100%;
													font-size: 1.2em;
													border: 2px solid #B2D0FE; }
input[disabled='disabled'] { background-color: color: #ebebeb; }
.middtext fieldset { text-align: left; width: 99%; margin: 0px; }
textarea { height: 10em; font-size: 1em; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }
/* PAGE DESIGN ****************************************************************/
.round { background: #f6f6f6; }
.roundtop { background: #005680; }
.roundbottom { background: #005680; }
.r1 {	margin: 0 5px;
			height: 1px;
			overflow: hidden;
			background: #85b6fe;
			border-left: 1px solid #85b6fe;
			border-right: 1px solid #85b6fe; }
.r2 {	margin: 0 3px;
			height: 1px;
			overflow: hidden;
			background: #f6f6f6;
			border-left: 1px solid #85b6fe;
			border-right: 1px solid #85b6fe;
			border-width:0 2px; }
.r3 {	margin: 0 2px;
			height: 1px;
			overflow: hidden;
			background: #f6f6f6;
			border-left: 1px solid #85b6fe;
			border-right: 1px solid #85b6fe; }
.r4 {	margin: 0 1px;
			height: 2px;
			overflow: hidden;
			background: #f6f6f6;
			border-left: 1px solid #85b6fe;
			border-right: 1px solid #85b6fe; }
#cont { padding: 0.5em; border-left: 1px solid #85b6fe; border-right: 1px solid #85b6fe;	}

/* FORMAT *********************************************************************/

.mess { position: absolute; left: 2.8em; cursor: default; }
.menu_admin { position: absolute; right: 3em; top: 2.3em; color: #000000; }
.middtext { margin: 0px 10em; }
.middtext p { text-align: left; margin-top: 0px; }
/* .middtext small { margin-top: -10px; } */
.middtext p small { color: #aaaaaa; }
.middtext h2 { color: #555555; }
.middtext h3 { text-align:left;
							 border-bottom: 2px solid #dddddd;
							 color: #428cfd;
							 margin-bottom: -0.1em; 
							 margin-top: 1.5em; }
.middtext h3 a:hover { text-decoration: none; }
.middtext h3 { text-decoration: none; border-bottom: 2px solid #b2d0fe; }
.navi { text-align: right; margin-right: 3em; }
.text { text-align: left; margin: 1em 20em; }
.sett { text-align: left; margin: 1em 10em; }
.sett h3 { border-bottom: 2px solid #dddddd; color: #aaaaaa; }
.sett table { font-size: 1em; }
.sett p { font-size: 0.9em; margin: 1em 0; }
.sett fieldset { margin: 0px; padding: 0px; width: 30em;	border: none;	}
.sett input {	color: #222222;
							margin: 0.2em 0px 0px;
							padding: 0.1em;
							width: 70%;
							font-size: 1em;
							border: 1px solid #B2D0FE; }
.sett .button { width: 5em;	margin-left: 8em;	text-align: center; }
.sett select { color: #222222;
							 margin: 0.2em 0px 0px;
							 padding: 0.1em;
							 width: 71%;
							 font-size: 1em;
							 border: 1px solid #b5b5b5; }
.hide {	display: none; }
.center { text-align: center !important; }
/*.button { width: 7em; text-align: center;
					margin-bottom: 1em;
					background-color: #eeeeee;
					border-top: 2px solid #ffffff;
					border-left: 2px solid #ffffff;
					border-right: 2px solid #dddddd;
					border-bottom: 2px solid #dddddd; }
.button:hover { background-color: #ffffff;  }*/
.underline { text-decoration: underline; cursor: default; }

.foot p {	 }
.help { border-bottom: 1px dashed #555555; color: #000000; }
.help:hover { border-bottom: 1px dashed #428cfd; text-decoration: none; color: #428cfd; }

/* TEXT COLORS ****************************************************************/
.hagainst { color: #db2121;
						background-color: #eeeeee;
/*						border-top: 2px solid #ffffff;
						border-left: 2px solid #ffffff;
						border-right: 2px solid #dddddd;
						border-bottom: 2px solid #dddddd; */ }
.haon { color: #db2121;
				background-color: #EBEBEB;
/*				border-top: 2px solid #dddddd;
				border-left: 2px solid #dddddd;
				border-right: 2px solid #ffffff;
				border-bottom: 2px solid #ffffff; */}
/*
.hagainst:hover { background-color: #ffffff; }
.hfor { color: #78db21;
				background-color: #eeeeee;
				border-top: 2px solid #ffffff;
				border-left: 2px solid #ffffff;
				border-right: 2px solid #dddddd;
				border-bottom: 2px solid #dddddd; }
.hfon { color: #78db21;
				background-color: #EBEBEB;
				border-top: 2px solid #dddddd;
				border-left: 2px solid #dddddd;
				border-right: 2px solid #ffffff;
				border-bottom: 2px solid #ffffff; }
.hfor:hover { background-color: #ffffff; }
*/

.cblack { color:#000000; }
.cred { color: #db2121; cursor: default; }
.cgreen { color: #78db21; cursor: default; }
.cyellow { color: #ffff00; }
.cpurple { color: #d218d4; }
.cblue { color: #5FBEED; cursor: default; }
.cgray { color: #555555; cursor: default; }
.cwhite, .white a { color: #ffffff; }
.bgwhite { background-color: #ffffff; }
.bgpaddwhite { background-color: #fcfcfc; padding-top: 0.5em; padding-bottom: 0.5em; }
.bgpaddwhite:hover { background-color: #ffffff; }
.bggray { background-color: #ebebeb; }
.hovergreen:hover { background-color: #D3F3B6; }
.hoverred:hover { background-color: #EFA5A5; }

div.sub-btn-cont { width: 140px; margin: 0px auto; text-align: center; }
h2.btn { font-size: 1.2em; width: 100%; margin-top: 10px; cursor: hand; }
input.sub-btn { background: none; border: none; margin: 0px; padding: 2px; color: #fff; cursor: hand; }

.float-left { float: left; }
.float-right { float: right; }
.clear-both { clear: both; }
.clear-right { clear: right; }
.clear-left { clear: left; }
.no-padding { padding: 0px; }
.no-padding-top { padding-top: 0px; }
.no-padding-right { padding-right: 0px; }
.no-padding-bottom { padding-bottom: 0px; }
.no-padding-left { padding-left: 0px; }
.no-margin { margin: 0px; }
.no-margin-top { margin-top: 0px; }
.no-margin-right { margin-right: 0px; }
.no-margin-bottom { margin-bottom: 0px; }
.no-margin-left { margin-left: 0px; }

.add-padding { padding: 0.5em; }
.add-padding-top { padding-top: 0.5em; }
.add-padding-right { padding-right: 0.5em; }
.add-padding-bottom { padding-bottom: 0.5em; }
.add-padding-left { padding-left: 0.5em; }
.add-margin { margin: 0.5em; }
.add-margin-top { margin-top: 0.5em; }
.add-margin-right { margin-right: 0.5em; }
.add-margin-bottom { margin-bottom: 0.5em; }
.add-margin-left { margin-left: 0.5em; }

/* BUTTON *********************************************************************/
.btn { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; }
.btn * { font-style: normal; background-image: url(../pic/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }

.btn.blue { background: #2ae; }
.btn.blue:hover { background: #58B7E5; }
.btn.green { background: #78db21; }

.btn.pink { background: #e1a; }
.btn.red { background: #db2121; }
.btn:hover { background-color: #2ae; }
.btn[class] {  background-image: url(../pic/shade.png); background-position: bottom; }

* html .btn { border: 3px double #aaa; }
* html .btn.blue { border-color: #2ae; }
* html .btn.green { border-color: #9d4; }
* html .btn.pink { border-color: #e1a; }
* html .btn:hover { border-color: #a00; }


/* SLIDE **********************************************************************/
a:focus {
outline: none; }

#panel, #panel2 { background: #fff url('../pic/bg_admin.jpg');
				 border-bottom: solid 1px #005680;
				 height: 250px;
				 clear: left;
				 display: none; }
#panel p, #panel2 p { padding: 10px; margin: 0px; float: left; }
#panel p img, #panel2 p img {  background-color: #fff; }

.slide { text-align: left;margin: 0;
				 padding: 0;
				 border-bottom: solid 3px #005680; }
.btn-slide, .btn-slide2 { 
						 width: 144px;
						 height: 31px;
						 padding: 10px 0 0 0;
						 
						 display: inline;
						 color: #fff;
						 text-decoration: none; }
.slide a { color: #005680; }
.active { background-position: right 12px; }
.text-box { background: #fff;
						filter: alpha(opacity = 50); -moz-opacity: 0.5; opacity: 0.5; zoom: 1;
						display: inline;
						float: left;
						padding-top: 20px; }