﻿/* html, body {margin: 0; padding: 0; border: 0;} */
html {margin: 0; padding: 0;}

body
{
	margin: 0; 
	padding: 0;
    background-color: #f2f2f2;

}

/*
table {border: dotted 1px #c0c0c0;}
div {border: dotted 1px #0000ff;}
*/

.body, body
{ 
    /*background-color: #fff;*/
	FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
	color: #1c5975;
	font-family:  Tahoma, "Trebuchet MS", Arial, Helvetica;
}

.body
{
    line-height:15px;
}

.wrap
{
    border: 1px solid #e0e0e0;
}
.menuitems
{
    float:left; margin-left:10px; font-size:8px;
}
    
.menubar 
{
    margin-top:23px; 
    margin-right:5px; 
    margin-left:5px; 
    margin-bottom:5px; width:350px; 
    height:23px; 
    background-image:url('/images/linus1.png');  
    font-size:12px; 
    float:right; 
    padding-left:15px; 
    padding-top:7px;
}


.forgottenpassword
{
	color:Blue;
	font-size:12px;	
}
strong {
	color: #804040;
}

.red
{
    color: #FF0000;
}

.headerleft {
	height: 112px;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #dfdbc5;
	padding-left: 20px;
	float:left;
	
}
.headerright {
	height: 112px;
	float:right;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dfdbc5;
	padding-left: 20px;
}
.headerwrap {
	background:#007490;
	background-image: url(images/topBG.png);
	background-repeat:no-repeat;

	height: 112px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dfdbc5;
	width:915px;
}
.wrap
{
	top:0 auto;
	width: 915px;
	background-color: #ffffff;

}
.float-wrap {
	float: left;
	width: 915px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
	margin-right: 0px;   /*** Static fix ***/

}

.content {
	background-color: #ffffff;
	padding-top: 16px;
	width:915px;
	position:relative;
	padding-bottom:20px;
	z-index:1;

}
.loginarea
{
	margin-top:50px;
}

.user_form
{
	width: 100%;
	font-size: 8pt;
	/*border: dotted 1px #c0c0c0;*/
}

.form_label_column
{
	height: 28px;
	vertical-align: middle;
	width: 120px;
	padding-right: 4px;
	/*border: dotted 1px #c0c0c0;*/
}

.form_input_column
{
	height: 28px;
	vertical-align: middle;
	width: 190px;
	/*border: dotted 1px #c0c0c0;*/
}

.form_error_column
{
	height: 28px;
	vertical-align: middle;
	padding-left: 4px;
	color: Red;
	/*border: dotted 1px #c0c0c0;*/
/*	width: 120px; */
}
 
.form_input_label
{
	font-weight: bold;
	color: #336699;
	/* padding-left: 4px; */
}

.form_input_text
{
	width: 186px;
	font-size: 8pt;
	font-weight: bold;
	color: #336699;
	border: solid 1px #336699;
	background-color: #ffffe0;
	padding: 4px 4px 4px 4px;
}

.menu
{
	width: 150px;
	margin-left: 20px;
	float: left;
	padding-bottom: 20px;
	cursor:pointer;
	color: #007490;
	text-decoration: none;
	font-size: 14px;
	margin-right:30px;
	height:auto;

}

.menu .item {
	height: 30px;
	line-height:30px;
	vertical-align: middle;
}
.menu .item .left{
	height: 30px;
	line-height:30px;
	text-align:left;
	vertical-align: middle;
	border-bottom:1px dotted #007490;
	padding-left:10px;

}

.menu .item:hover, .menu .itemmarked:hover
{
	color: #000;
	background-color: #f0f0f0;

}

.menu .subitem:hover, .menu .subitemmarked:hover 
{
	color: #000;
	background-color: #f0f0f0;

}

.menu .itemmarked .left{
	height: 30px;
	line-height:30px;
	font-weight: bold;
	text-align:left;
	vertical-align: middle;
	border-bottom:1px dotted #007490;
	padding-left:10px;
}


.menu  .spacer {
	background-image: url(images/menuSpacer.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.menu .subitemmarked .left
{
	height: 20px;	
	font-size: 8pt;
	padding-left: 20px;
	text-align:left;
	vertical-align: middle;
	font-weight: bold;
	margin-left:20px;

}
.menu .subitem .left{
	height: 20px;	
	font-size: 8pt;
	padding-left: 20px;
	text-align:left;
	vertical-align: middle;
	text-align:left;
}
.menu .subitem .right{
	height: 20px;	
	font-size: 8pt;
	padding-left: 20px;
	text-align:left;
	vertical-align: middle;
	text-align:left;
}



.rightContent  {
	font-size: 13px;
	width:210px;
	float:right;
	margin-right:0px;
	clear:right;
	
}
.rightContent .spot
{
	padding:0px;
	width:200px;
}
.rightContent .spot .header {
	font-size: 15px;
	font-family:Arial;
	/*width:205px; */
	/*height:24px;*/
	color:White;
	background-image:url('/images/bglinus.png');
	background-repeat:no-repeat;
	text-align:left;
	padding-left:5px;
	padding-top:2px;
	font-weight:bold;
	margin-top:2px;
	padding-bottom:8px;
	/*
	margin-bottom:0;
*/
}
.rightContent .spot .body 
{
	font-size: 11px;
	font-family:Arial; 
	line-height:15px;
	padding-left:5px;
	margin-right:20px;
	padding-top:2px;
	padding-bottom:2px;
	text-align:left;
	background-image:url('/images/spotbodybg.png');
	background-repeat:no-repeat;
	margin-bottom:15px;
}
	
.mainContent  {
	background-color: #ffffff;
	font-size: 13px;
	width:470px;
	float:left;
	text-align:left;
	padding-right:20px;

}
.mainContent .header {
	text-align: left;
	color: #1D5B76;
	font-size: 24px;
	line-height: 35px;
}
.mainContent .body
{
	margin-top: 20px;
	margin-bottom: 20px;
}

.modalBackground {
	background-color:#1e6382;
	filter:alpha(opacity=70);
	opacity:0.7;
}
#loginDiv
{
	border: 1px solid #ccc;
	font-size: 12px;
	background-color: #fbfbf3;
	cursor:pointer;
	position:absolute;
	padding:20px;
	-moz-border-radius:0.8em;
	-khtml-border-radius:0.8em;
	-webkit-border-radius: 0.8em;
    -webkit-box-shadow: 2px 2px 2px #ccc;
    -moz-box-shadow: 2px 2px 2px #ccc;
    box-shadow: 2px 2px 2px #ccc;


}
p>label
{
	
    margin-left: 10px;   
    color: #999999;   
    
}
#loginDiv>P
{
	margin-bottom:10px;
	float:left;
	clear:both;
}
#loginDiv>P.close
{
	margin:-10px;
	float:right;
	clear:both;
}

.loginbutton
{
	background-image:url('/images/wizardselectorcenter.png');
	background-repeat:repeat-x;
	height:40px;
	width:150px;
	left:125px;
	padding:10px 0;  
	text-align:center;  
	font-weight:bold;  
	text-transform:uppercase;  
	color:Gray;
	text-decoration: none;  
	position:relative;
	border:0px;
	border-radius: 5px;  
	-moz-border-radius: 5px;  
	-webkit-border-radius: 5px;  
	border:1px solid #608925;  

}
.LoginCss
{
	margin:20px;
}
#feedback
{
	color:Red;
	font-size:10px;
}
.closeimage
{
	cursor:pointer;
	background-image:url("/images/closed.png");
	background-repeat:no-repeat;

}
.closeimage:hover
{
	background-image:url("/images/logo.gif");
	background-repeat:no-repeat;
}

.footer {
	background-image: url("/images/footerBG.gif");
	background-repeat: repeat-x;
	height: 30px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dfdbc5;
	text-align: center;
	font-size: 12px;
	color: #1d5a75;
	line-height:30px;
	width:915px;
	vertical-align:text-bottom;
	clear:both;
	
}
.footer a {
	color: #1d5a75;
	text-decoration: none;
}
.footer  a:hover {
	text-decoration: underline;
}

.ShopListHeader
{
	font-weight:bold;
	/*line-height:20px;*/
}
.ShopWithNoDesc
{
	color:#000;
}
.ShopWithDesc
{
	color:#007490;
}
#shopdesc
{
	
	border:2px solid #007490;
	padding:5px;
	background-color:#fff;
	
}


/* BUTTONS */

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:75%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#007490;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    /* color:#529214; */
	color: #1c5975;
    FONT-SIZE: 11px;
    width: 100px;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#007490;
    border:1px solid #C6D880;
    color:#fff;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

.shopdiv
{
	font-size:14px;
	cursor:pointer;
	height:26px;
	color:#000;
	margin-bottom:3px;
	clear:both;
	
}
.shopdiv_left 
{
    background-image:url('/images/ShopBackdrop_Left.png');
	background-repeat:no-repeat;
	width:2px;
	float:left;
	height:26px;
}
.shopdiv_center 
{
	background-image:url('/images/ShopBackdrop_Center.png');
	background-repeat:repeat-x;

	/*color: #ffffff;*/
	float:left;
	width:400px;
	height:26px;
	padding-top:5px;
	padding-left:20px;
	font-size:14px;
	color:#000;
	font-weight:100;
}
.shopdiv_center > b
{
	font-weight:100;
}
.shopdiv_right
{
	background-image:url('/images/ShopBackdrop_rightOpen.png');
	background-repeat:no-repeat;

	width:25px;
	float:left;
	height:26px;

}
.shopdiv_rightActive
{
	background-image:url('/images/ShopBackdrop_rightClose.png');
	background-repeat:no-repeat;

	width:25px;
	float:left;
	height:26px;

}
.shops
{
	width:445px;
	float:left;
	clear:both;
}

.validateFail
{
	border:2px solid red;	
}
.error
{
	color:Red;	
}
