﻿/* Main Column */
#main
{
	width: 400px;
	padding: 0; margin: 0;
	text-align: left; 
}
/*#main h1 {
	margin-top: 10px;
	font: Bold 125% Verdana, 'Trebuchet MS', Sans-serif;
	color: #88ac0b;
	padding: 5px 0 5px 25px; 	
	border-bottom: 1px solid #EFF0F1;
	background: #FFF url(images/square-green.png) no-repeat 3px 50%;	
}*/


div#modaltitle
{    
    background-image: url(bar.gif);
    background-repeat: repeat-x;    
}

/* Modal Popup CSS*/
.mpBg
{
	background-color: #3753fc;
	filter: alpha(opacity=30);
	opacity: 0.3;
}
.mp
{
	background-color: white;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 3px;
}
.mpHd
{
	background-color: #616cae;
	border-color: White;
	border-width: 1px;
	color: White;
	font-weight: bold;
	width: 100%;
	height: 25px;
}
.mpClose
{
	text-align: center;
	width: 100%;
}
.mpCloseButton
{
	position: absolute;
	right: 4px;
	width: 17px;
	height: 18px;
}
/* button style */
.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background-color:#79bbff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #84bbf3;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	padding:6px 0px;
	text-decoration:none;
	text-shadow:1px 1px 0px #528ecc;
	text-align:center;
	width:auto;
}.myButton:hover {
	background-color:#378de5;
}.myButton:active {
	position:relative;
	top:1px;
}
/* ------------------------------------------------------------------------------------
Login					 */

#login-box {
	width:333px;
	height: 352px;
	padding: 58px 76px 0 76px;
	text-align :left; 
	color: #ebebeb;
	font: 12px Arial, Helvetica, sans-serif;
	background: url('../images/login-box-backg.png') no-repeat left top;
}

#login-box img {
	border:none;
}

#login-box h2 {
	padding:0;
	margin:0;
	color: #ebebeb;
	font: bold 44px "Calibri", Arial;
}


#login-box-name {
	float: left;
	display:inline;
	width:80px;
	text-align: right;
	padding: 10px 10px 0 0;
	margin:0 0 7px 0;
}

#login-box-field {
	float: left;
	display:inline;
	width:230px;
	padding: 5px 10px 0 0;
	margin:0 0 7px 0;
}


.form-login  {
	width: 205px;
	padding: 10px 4px 6px 3px;
	border: 1px solid #0d2c52;
	background-color:#1e4f8a;
	font-size: 16px;
	color: #ebebeb;
}


.login-box-options  {
	clear:both;
	padding-left:90px;
	font-size: 11px;
}

.login-box-options a {
	color: #ebebeb;
	font-size: 11px;
}
/* ------------------------------------------------------------------------------------
LOGO				 */
#logo h1
{
	padding:0px;
	margin:0px;
}
#logo h1 a
{
	display:block;
	text-indent:-9999px;
	width:367px;
	height:107px;
	margin:0px auto;
	background:url(../img/kws logo.png) no-repeat;
}

/* ------------------------------------------------------------------------------------
STRUCTURE					 */
#header{}
.section,.panel,#shortcuts,#chart,.quickview
{
	background:#fff;
	padding:10px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	-moz-border-radius:3px;
}

#postedit,#panels,#shortcuts
{
	margin-top:10px;
}

.section
{
	margin-top:10px;
}

#profile_info
{
	background:url(../img/loginbox1.jpg) no-repeat top center;
	width:270px;
	height:59px;
	padding :8px;
	float:right;
	margin-top:30px;
	font-size:12px;
	color:#fff;
	line-height:14px;
}

#profile_info p
{
	
}

#profile_info img{
	float:left; 
	margin-right:10px; 
	margin-top:0px;
	margin-left:0px;
	margin-bottom:10px;
}

#footer
{
	background:#f1f1f1;
	width:940px;
	padding:10px;
	-moz-border-radius:3px;
	margin-left:5px;
	margin-top:10px;
}
#footer p
{
	background:none;
	padding:0px;
	margin:0px
}

#content_main
{
	background:#f1f1f1;
	width:940px;
	padding:10px;
	-moz-border-radius:3px;
}

#dashboard
{
	width:640px;
	background:#fff;
	padding:10px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}

#sidebar
{
	width:250px;
	background:#fff;
	padding:10px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	-moz-border-radius:3px;
}
#top_menu{background:url(../img/menutop.jpg) no-repeat top center;width:960px;margin-top:30px;height:35px;}

/* ------------------------------------------------------------------------------------
CUSTOM				 */
#success
{
	margin:-px 0px;
	border:1px solid #b2dc4d;
	color:#40550d;
	font-family:"Arial", Arial, sans-serif;
	font-size:12px;
	background:#cce297;
	font-weight:700;
	padding:5px;
	-moz-border-radius:3px;
	-webkit-border-radius: 3px;
	width: 400px;
}

#fail
{
	margin:5px 0px;
	border:1px solid #c82820;
	color:#c82820;
	font-family:"Arial", Arial, sans-serif;
	font-size:12px;
	font-weight:700;
	background:#e7928d;
	padding:5px;
	-moz-border-radius:3px;
	-webkit-border-radius: 3px;
	width: 333px;
}

#warning
{
	margin:5px 0px;
	border:1px solid #efdc90;
	color:#a9a014;
	font-family:"Arial", Arial, sans-serif;
	font-size:12px;
	font-weight:700;
	background:#fffecc;
	padding:5px;
	-moz-border-radius:3px;
	-webkit-border-radius: 3px;
	width: 400px;
}
/* ------------------------------------------------------------------------------------
ELEMENTS			 */

.loginbutton {text-transform:uppercase;font-size:10px;padding:3px;color:#fff;background-color:#4780ae;border-left:1px solid #084577;border-top:1px solid #084577;border-right:1px solid #7ab7e8;border-bottom:1px solid #7ab7e8;-moz-border-radius:3px;margin:3px;margin-top:5px;margin-left:190px;}
.loginbutton:hover {
	background-color:#378de5;
}
.loginbutton:active {
	position:relative;
	top:1px;
}