@charset "utf-8";
/* CSS Document */

body{
margin:0px;
padding:0px;
background-image:url(../images/sd_bg.jpg);
background-repeat:repeat;
font-family:arial;
}

#nav_container{
background-image:url(../images/navbg.jpg); 
background-repeat:repeat-x; 
height:36px; 
width:310px; 
margin:auto;
}




#nav{
float:left;
padding:0px;
margin:0px;
list-style:none;
}

#nav li{
font-family:verdana;
font-size:13px;
font-weight:normal;
color:#ffffff;
float:left;
line-height:34px;
}

#nav li a{
text-decoration:none;
color:#ffffff;
padding:4px 8px;
margin:0 4px;
}

#nav li a:hover,#nav #selected{
background-color:#89b81b;
}


#sp_head span{
font-size:17px;
color:#ffffff;
text-align:left;
margin-left:10px;
}

#sb_prolist ul{
float:left;
padding:0px;
margin:0px;
list-style:none;
}

#sb_prolist li{
font-family:verdana;
padding:0px;
margin:0px;
border-width:0px;
border-style:solid;
border-color:#444444;
border-bottom-width:1px;
padding:6px 4px;
font-size:12px;
}

#sb_prolist li a{
font-weight:normal;
color:#d5eda2;
text-decoration:none;
}

select{
width:200px;
padding:2px;
height:26px;
font-family:verdana;
font-size:12px;
border-width:1px;
border-style:solid;
color:#515151;
border-color:#8E8D8D;
background-color:#ffffff;
-webkit-border-radius: 2px; 
-moz-border-radius: 2px; 
border-radius: 2px;
padding-left:5px; 
}


input[type=button]{
color:#FFF;
font-family: Arial, Helvetica, sans-serif !important;
font-weight:bold;
margin:1px;
border-width:1px;
border-style:solid;
border-color:#000000;
background-color:#797979;
-webkit-border-radius: 2px; 
-moz-border-radius: 2px; 
border-radius: 2px; 
height:24px;
}



input[type=text],input[type=password],textarea{
height:21px;
width:220px;
border-width:1px; 
border-color:#b7b7b7; 
border-style:inset; 
font-family:verdana; 
font-size:12px; 
color:#515151;
-webkit-border-radius: 2px !important;
-moz-border-radius: 2px !important;
border-radius: 2px !important;
padding-left:5px;
}

textarea{
padding:5px;
}


input[type=submit]{
color:#FFF;
font-family: Arial, Helvetica, sans-serif !important;
font-weight:bold;
margin:1px;
border-width:1px;
border-style:solid;
border-color:#545454;
background-color:#797979;
-webkit-border-radius: 2px; 
-moz-border-radius: 2px; 
border-radius: 2px; 
height:24px;
}


input[type=reset]{
color:#FFF;
font-family: Arial, Helvetica, sans-serif !important;
font-weight:bold;
margin:1px;
border-width:1px;
border-style:solid;
border-color:#000000;
background-color:#797979;
-webkit-border-radius: 2px; 
-moz-border-radius: 2px; 
border-radius: 2px; 
height:24px;
}

#protable{
background-color:#7ea81a;
padding:6px;
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
border-radius: 5px; 
}

#protable img{
border-width:5px;
border-style:solid;
border-color:#7ea81a;

}

#protable #proname{
font-size:12px;
font-family:tahoma;
padding:4px 0;
text-align:center;
}

#error{
background-image:url(../images/warning.png);
background-repeat:no-repeat;
background-position:4px 5px;
margin-bottom:10px;
width:99%;
height:30px;
background-color:#f9b9a8;
border-color:#c33114;
border-width:2px;
border-style:solid;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;
line-height:30px;
}

#error span{
color:#c33114;
margin-left:30px;
font-family:arial;
font-size:12px;
font-weight:bold;
}



#confirm{
background-image:url(../images/ok.png);
background-repeat:no-repeat;
background-position:4px 4px;
margin-bottom:10px;
width:99%;
height:30px;
background-color:#91f9c2;
border-width:2px;
border-style:solid;
border-color:#018540;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;
line-height:30px;
}

#confirm span{
color:#018540;
margin-left:30px;
font-family:arial;
font-size:12px;
font-weight:bold;
}

.button {
	display: inline-block;
	padding: 8px 18px;
	margin-right: 15px;
	margin-bottom: 5px;
	-moz-border-radius:4px;-webkit-border-radius:4px;-khtml-border-radius:4px;border-radius:4px;
	-moz-box-shadow:inset 1px 1px 0 rgba(255,255,255,0.3); -webkit-box-shadow:inset 1px 1px 0 rgba(255,255,255,0.3); box-shadow:inset 1px 1px 0 rgba(255,255,255,0.3);
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	outline: none !important;
	overflow: visible;
}

.button:hover, .button:focus {
	text-decoration:none;
}

.button-green {
	color: #fff;
	background: #60b43a; /* Old browsers */
	background: -moz-linear-gradient(top, #60b43a 0%, #6cbc49 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#60b43a), color-stop(100%,#6cbc49)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #60b43a 0%,#6cbc49 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #60b43a 0%,#6cbc49 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #60b43a 0%,#6cbc49 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60b43a', endColorstr='#6cbc49',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #60b43a 0%,#6cbc49 100%); /* W3C */
	text-shadow: 0 1px 1px rgba(0,0,0,0.25);
	border: 1px solid #3a9a14;
}

.button-green:hover,.button-green:focus {
	color: #fff;
	background: #3a9a14; /* Old browsers */
	background: -moz-linear-gradient(top, #67ba44 0%, #3a9a14 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#67ba44), color-stop(100%,#3a9a14)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #67ba44 0%,#3a9a14 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #67ba44 0%,#3a9a14 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #67ba44 0%,#3a9a14 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67ba44', endColorstr='#3a9a14',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #67ba44 0%,#3a9a14 100%); /* W3C */
	border: 1px solid #3a9a14;
}

.button-blue {
	color: #fff;
	background: #39aad4; /* Old browsers */
	background: -moz-linear-gradient(top, #41c4f4 0%, #39aad4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#41c4f4), color-stop(100%,#39aad4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #41c4f4 0%,#39aad4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #41c4f4 0%,#39aad4 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #41c4f4 0%,#39aad4 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41c4f4', endColorstr='#39aad4',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #41c4f4 0%,#3a8fb6 100%); /* W3C */
	text-shadow: 0 1px 1px rgba(0,0,0,0.25);
	border: 1px solid #3a8fb6;
}

.button-blue:hover,.button-blue:focus {
	color: #fff;
	background: #0189bc; /* Old browsers */
	background: -moz-linear-gradient(top, #14bcfb 0%, #0189bc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#14bcfb), color-stop(100%,#0189bc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #14bcfb 0%,#0189bc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #14bcfb 0%,#0189bc 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #14bcfb 0%,#0189bc 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14bcfb', endColorstr='#0189bc',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #14bcfb 0%,#0189bc 100%); /* W3C */
	border: 1px solid #0370A2;
}