/*------------------------------------------------------------------------------------

[Master Stylesheet]

Project:	Montecito Customer Center

Version:	1
 
Last Change:	06/24/2008

Assigned to:	Kyle Steed @ WaveTWo

Primary Use:	Web



[Color codes]

Dark Gray (text):	#515151

Light Grey (text):		#a7a7a7

Dark red (headers, links):  #b00000

-------------------------------------------------------------------------------------*/


/*-- ================= BODY STYLES ================= --*/


body {
	background: #fff;
	margin: 0;
	padding: 0;
	font-size: 11pt;
	font-family: "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
	font-weight: normal;
	color: #515151;
	}
	
p {
	font-size: 11pt;
	padding: 0 0 20px 0px;
	margin: 0;
	}
	
.wrapper {
	width: 800px;
	margin: 0 auto;
	padding: 0;
	}
.autowrapper
{
   margin: 0 auto;
   padding: 0;
}

.textbox {
    background:#d1d1d1;
    }

.nonEditField {
    background:#c1e8ff;
    padding:3px 0 3px 5px;
    }
    
.lblVaraible {
    background:white;
	font-size:12px;
	height:35;
	vertical-align: bottom;
    }
    
 .lblVariableValue {
	background:#c1e8ff;
	font-size:12px;	
    }  
 .lblVariableValue2
 {
	font-size:12px;	
	border-color:Black;
	border-width: 1px;	
	border-style:solid;
 } 
 
       
/*-- ================= TOP HEADER ================= --*/

#header {
	width: 100%;
	background: #fff;
	color: #fff;
	margin: 0 0 0 0;
	padding: 0;
	}
	
#header h1 {
	font-size:24pt;
	font-weight: normal;
	color: #fff;
	margin: 0;
	padding: 0;
	}
	
#header h1 img {
    width:800px;
    height:55px;
    }
	
#header a {
	text-decoration: none;
	color: #fff;
	}
	
#header a:hover {
	text-decoration: none;
	color: #000;
	}
	
#header a.user {
	color: #fff;
	}
	
.redblock {
    background-color:#b00000;
    width:100%;
    height:27px;
    height:auto;
    padding:3px 0;
    }

#Login {
    margin-right:3px;
    }
	
/*-- ================= MAIN MENU ================= --*/

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: normal; 
	font-style: normal;
    }

#nav a {
	display: block;
	width: 10em;
	color:#fff;
	padding:0px 5px;
    }

#nav a:hover {
    color:#d1d1d1;
    }

#nav li {
	float: left;
	width: 5em;
	padding:5px 5px;
    }

#nav li ul {
	position: absolute;
	width:130px;
	left: -999em;
    }

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	background:#717171;
	width:130px;
    }

#nav li ul ul {
	margin: -1em 0 0 9.55em;
	padding:0 5px;
    }

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 110%;
    }

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
    }

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
    }
	
/*-- ================= CONTENT ================= --*/
	
#page h1 {
    font-size:18pt;
    margin:10px 0;
    padding:0;
    }
	
#content {
	padding: 0;
	margin: 0;
	background: #fff;
	width: 100%;
	clear:left;
	}

#LoginView {
    padding:5px;
    font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: normal; 
	font-style: normal;
    }

.loginbox {
	margin: 100px auto;
	padding: 0;
	border: 1px solid #a7a7a7;
	font-size: 11pt;
	text-align: center;
	color: #515151;
	}

.logintitle {
	text-align: left;
	font-size: 11pt;
	font-weight: normal;
	margin: 0;
	padding: 3px 10px;
	background: #b00000;
	color: #fff;
	width: 200px;
    }

.logintextbox {
	font-size: 9pt;
	color: #000;
	margin: 0 10px;
	padding: 0;
	float: left;
	width: 200px;
    }

.logincheckbox {
    margin: 0;
    padding: 5px;
    text-align: left;
    }

.loginLabel {
    text-align: left;
    padding: 0 10px;
    }

.btn {
	background-color: #b00000;
	border: 1px solid #515151;
	color: #fff;
	font-weight: bold;
	font-size: 9pt;
	margin: 0 0 5px 5px;
	padding: 3px 3px;
    }

.radiobtn {
    margin: 0;
    padding: 0;
    }

.pro_title {
	text-align: left;
	font-weight: normal;
	font-size: 11pt;
	color: #515151;
	background: #c1e8ff;
	padding: 3px 10px;
	margin: 20px 0;
	width: 530px;
    }

#TopColumn {
    width:100%;
    padding:0 0 10px 0;
    margin: 0;
    }

ul.box {
    width:99.9%;
    height: auto;
    margin: 0 0 5px 0;
    padding: 0;
    border: 1px solid #a7a7a7;
    list-style:none;
    float:left;
    }

ul.box li h2 {
	background: #b00000;
	color:#fff;
	padding: 3px 10px;
	margin: 0;	
	font-size: 11pt;
	font-weight: normal;	
	}
	
ul.box li.input {
	padding: 5px 5px 10px 5px;
	color: #515151;
	float:left;
	}

.checkbox {
	background: #b00000;
	color:#fff;
	padding: 2px 10px;
	margin: 0;
	font-size: 11pt;
	font-weight: normal;
	text-align:right;
	float:right;
	width:100px;
}
	
/*-- ================= LEFT COLUMN ================= --*/
	
#LeftColumn {
	width:530px;
	padding: 10px 0;
	margin: 0;
	}
	
ul.box1 {
	width: 528px;
	height: auto;
	margin: 0 0 10px 0;
	padding: 0;
	border: 1px solid #a7a7a7;
	list-style: none;
	}
	
ul.box1 li h2 {
	background: #b00000;
	padding: 3px 10px;
	margin: 0;
	font-size: 11pt;
	font-weight: normal;
	color:#fff;
	}
	
ul.box1 li.input2 {
	padding: 5px 5px 10px 10px;
	color: #515151;
	float:left;
	}
	
#LeftColumn h2 {
	background: #b00000;
	color:#fff;
	padding: 3px 10px;
	margin: 0;
	font-size: 11pt;
	font-weight: normal;
	border: 1px solid #a7a7a7;
	}
	
li.form {
	padding: 0 10px;
	}
	
#range {
	padding: 0;
	margin: 0 0 10px 0;
	}
	
#from, #to {
	float: right;
	margin: 0 0 0 10px;
	}

#ctl00_cphMain_grvClientList, #ctl00_cphMain_grvUsersList {
	border: 1px solid #a7a7a7;
    }

#ctl00_cphMain_grvClientList td a, #ctl00_cphMain_grvUsersList td a {
	color: #b00000;
	text-decoration: none;
	font-weight: bold;
    }

#ctl00_cphMain_grvClientList td a:hover, #ctl00_cphMain_grvUsersList td a:hover {
	color: #515151;
    }

th {
	font-weight: normal; 
	background-color: #a7a7a7;
	color: #fff;
	border: none;
    }

td {
	border: none;
	text-align: center;
    }

.alternateRow {
	background-color: #d1d1d1;
	margin:0;
	text-indent:none;
    }
	
/*-- ================= STATES FORMAT ================= --*/
	
li.usa {
	width: 375px;
	height: 230px;
	padding: 10px;
	float: right;
	}
	
.state {
	color: #515151;
	padding: 10px 0;
	}
	
.editstate {
	text-decoration: none;
	color: #ff8b3d;
	font-size: 9pt;
	font-weight: bold;
	}
	
.feedgrid {
    border: none;
    color: #fff;
    }
	
.feed {
	color: #ff8b3d;
	padding: 0px;
	font-size: 11pt;
	font-weight:bold;
	float:left;
	text-decoration: none;
	border: none;
	}
	
/*-- ================= BLOG FORMAT ================= --*/
	
ul.blogpost {
	width: 530px;
	margin: 0;
	padding: 0 0 10px 0;
	list-style: none;
	}
	
li.date {
	background: #c1e8ff;
	padding: 3px 10px;
	margin: 0;
	}
	
li.header {
	color: #a7a7a7;
	font-size: 18pt;
	padding: 3px 0 0 10px;
	}
	
li.meta {
	color: #a7a7a7;
	font-size: 9pt;
	padding: 0 10px;
	}
	
li.meta a {
	text-decoration: underline;
	color: #515151;
	}
	
li.meta a:hover {
	text-decoration: none;
	color: #515151;
	}
	
li.post {
	font-size: 10pt;
	padding: 10px;
	}
	
li.comments {
	font-size: 9pt;
	padding: 0 10px;
	color: #a7a7a7;
	}

/*-- ================= RIGHT COLUMN ================= --*/	
	
#RightColumn {
	width:210px;
	padding: 10px 0;
	margin: 0;
	float: right;
	}
	
ul.box2 {
	width: 215px;
	height: auto;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	border: 1px solid #a7a7a7;
	list-style: none;
	}
	
ul.box2 li.input {
	padding: 5px 10px;
	color: #a7a7a7;
	}
	
ul.box2 li.input2 {
	padding: 5px 5px 10px 5px;
	color: #a7a7a7;
	float:left;
	}
	
ul.box2 li h2 {
	background: #b00000;
	padding: 3px 10px;
	margin: 0;
	font-size: 11pt;
	font-weight: normal;
	color:#fff;
	}

	
#widget {
	width: 210px;
	margin: 0;
	padding: 0 0 10px 0;
	list-style: none;
	}
	
#widget header {
	background: #c;
	padding: 3px 10px;
	margin: 0 0 10px 0;
	font-size: 11pt;
	color: #515151;
	}
	
ul.widget li a {
	text-decoration: none;
	color: #ff8b3d;
	padding: 0 10px;
	}
	
ul.widget li a:hover {
	text-decoration: none;
	color: #515151;
	}
	
/*-- ================= bottom ================= --*/	

#bottom {	
	width: 100%;
	clear:left;
    }

.bottomTex {
    font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:1;
	font-weight:bold;
    }

ul.box3 {
	width: 250px;
	height: auto;
	margin: 0 10px 10px 0px;
	padding: 0;
	border: 1px solid #a7a7a7;
	list-style: none;
	float: left;	
	}

ul.box3 li h2 {
	background: #b00000;
	padding: 3px 10px;
	margin: 0;
	font-size: 11pt;
	font-weight: normal;
	color:#fff;
	}
	
ul.box3 li.input {
	padding: 5px 10px;
	color: #515151;
	}


ul.box4 {
	height: auto;
	margin: 0 10px 10px 0px;
	padding: 0;
	border: 1px solid #a7a7a7;
	list-style: none;
	float: left;	
	}

ul.box4 li h2 {
	background: #b00000;
	padding: 3px 10px;
	margin: 0;
	font-size: 11pt;
	font-weight: normal;
	color:#fff;
	}
	
ul.box4 li.input {
	padding: 5px 5px;
	color: #515151;
	float:left;
	}
/*-- ================= FOOTER ================= --*/
	
#footer {
	margin: 20px auto;
	padding:3px 0;
	font-size: 9pt;
	clear: both;
	background: #b00000;
	width:800px;
	height:auto;
    }

#footer a {
	text-decoration: none;
	color: #fff;
    }

#footer a:hover {
	color: #fff;
	text-decoration: none;
    }

.lbl {
	color: #515151;
	font-size:11pt;
	font-weight:normal;
    }

.gridHead {
	text-align:left;
	color:#515151;
	font-weight:normal;
    }

.gridRow {
	height:12px;
    }

.gridItem {
	text-align:left;
	/*background-color:White;*/
    }

.groupHeader {
	background: #b00000;
	color:#fff;
	padding: 3px 10px;
	margin: 0;
	font-size: 12pt;
	font-weight: normal;	
	/* Height:20px; BorderColor="#B0BCCC" BorderWidth="1px"*/
    }
    
.zipCodeText {
    font-weight:bold;
    font-size:medium;
    color:Red;
    }
    
.zipCodeTextMedium {
    font-weight:bold;
    font-size:small;
    }
.zipCodeTextSmall {
    font-weight:bold;
    font-size:x-small;
    }        
.clear {
    clear: both;
    }

.clrleft {
	clear:left;
    }

.hidden {
    display:none;
    }
    
   table.demographicoverlays input {
      width: 15px;
      display: block;
      float: left;
   }
   table.demographicoverlays label {
      width: 185px;
      display: block;
      float: left;
      
   }
   
   table.demographicoverlays td
   {
   	  width : 220px;
      display: block;
      float: left;
      text-align: left;      
   }
   
   .hiddenChecBox
        {
            display: none;
        }
        #editor
        {
            position: relative;
            width: 100%; 
            height: 760px;
        }
        .block
        {
            position: absolute;
            padding: 0px;
            border-collapse: collapse;
        }
        .handle, .resize
        {
            display: block;
            width: 20px;
            height: 20px;
            cursor: move;
        }
        .handle
        {
			background-image: url('../../Images/Icons/move.png');
        }
        .resize
        {
        	background-image: url('../../Images/Icons/resize.png');
            position: absolute;
            right: 0;
            bottom: 0;
        }