/*****************************************************************************************

THEME: Default-css
DEVELOPER: locationblocks.com


This theme stylesheet is documented to ease understanding of the generated class names
The style sheet is divided into the following sections:

* DEFAULTS - Where the main settings are done
* HELPERS - Some helping classdefinitions to ease configuration
* PAGETEMPLATE - All styles related to the pagetemplate
* MENU - All styles related to the main menu
* AJAX - All styles related to the ajax components
* BLOCKTEMPLATE - All styles related to the block templates
* BLOCKS - All styles related to the blocks (and positions)
* INPUTS - All styles related to inputs of various art
* SPECIALS - All styles related to special elements and components used in locationblocks

*****************************************************************************************/   




/*****************************************************************************************
   SECTION: DEFAULTS
   
   Set various defaults for all the pages 
*****************************************************************************************/   
body {
	padding:3px;
	font-size:0.75em;
}


body.pagetemplate {
	padding:20px;
	font-size:0.75em;
	
	/* Here is an em point conversion tool. http://pxtoem.com/ Use above value for body size and get the measures for what you want.  */
}


body,td,th,p,div, table, p, input, textarea, select, option, small {
	/* Alternative font families - websafe arrays ??  
    font-family: Verdana, Geneva, sans-serif; 
    font-family: Tahoma, Geneva, sans-serif; 
    font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    font-family: Calibri, Tahoma, Geneva, sans-serif; 
    font-family:  'Trebuchet MS', Helvetica, sans-serif;
    font-family: 'Gill Sans', 'Gill Sans MT', sans-serif;
    font-family: Arial, Tahoma, Geneva, sans-serif; 
    */
    font-family: Calibri, Verdana, sans-serif;
    font-size:1em;
    color: black;
}

small {
	font-size: 0.95em;
}

input, textarea, select {
	border:1px solid #808080;
	border-spacing:0;
	margin:2px;
}

/*****************************************************************************************
   SECTION: HELPERS
   
   Styles specific for the pagetemplate 
*****************************************************************************************/
.invisible {
	border:0;
	margin:0;
	padding:0;
}

.fullwidth {
	width:100%;
}  


/*****************************************************************************************
   SECTION: PAGETEMPLATE
   
   Styles specific for the pagetemplate 
*****************************************************************************************/  

/* all sections in table are padded with a div using this theme */
div.theme {
	width:100%;
	margin:0;
	padding:0;	
}


/* canvas - area around sheet */
body.pagetemplate {
	margin:0;
	padding:0px;
	
	background-color:#f0f0f0;
	
}

/* sheet */
table.page {
    padding: 0px;
    background: #ffffff;
    border: 0px;
    width:1140px; 
        
    margin: 0px;
    margin-top:20px;
    margin-bottom:20px;
    
    /* center */
    margin-left: auto ;
  	margin-right: auto ;
    
    /* corners for those cools browsers that support that */
    /*
    border-radius: 4px;
    -moz-border-radius: 4px;
    */
    
    /* drop shadow */
	-moz-box-shadow: 0px 0px 10px rgba(80,80,80,0.2);
	-webkit-box-shadow: 0px 0px 10px rgba(80,80,80,0.2);
	box-shadow: 0px 0px 5px rgba(80,80,80,0.2);
	
}

/* sections of the sheet */
div.topsection {
	width:100%;
	text-align:center;
	margin:0;
}

img.banner {
	margin-top:10px;
	margin-bottom:0px;
	margin-left:10px;
	margin-right:10px;
}

td.decorsection {
	background-color: #D1232A; 

    /* gecko based browsers */
	background: -moz-linear-gradient(top, #E1333A 0%, #C1131A 100% ); 

	/* webkit based browsers */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #E1333A), color-stop(1, #C1131A));
    
    /* MSIE filter - only support two stops */
	filter:progid:DXImageTransform.Microsoft.Gradient
 	(GradientType =0, startColorstr=#E1333A,endColorstr=#C1131A);    
	
}

td.logosection {
}

div.loginsection {
	text-align: right;
}


td.leftsection {
	min-width:220px;
    margin: 0px;
    padding: 0px;
}

td.centersection {
    margin: 0px;
    padding: 0px;
    padding-left:20px;
    padding-right:20px;
    
    /* add some space below */
    padding-bottom:40px;
    width:650px;
}

div.centersection {
	width:100%;
	overflow: visible;
}

td.rightsection {
    min-width:220px;
    margin: 0px;
    padding: 0px;
}

div.bottomsection {
   display: block;
   clear:both;
    float: left;
   
}

/** from this point on it's more details - the structure and sizes should be ok by now */

img.logo {
    margin:0px;	
}

div.pagelogin {
	display: block;
    clear:both;
	float: right;
	margin:5px;
	padding:10px;
}

/*** login section on main theme  set some space */


form.login {
	margin:0px;
	padding:0px;
}

td.login {
	margin:0px;
	padding:0px;
	color:#ffffff;
}

input.loginimg {
	border:0px; 
	margin-left:10px;
}

img.login {
	border:0px;
	margin:0px;
	margin-left:10px !important;
}

input.login {
	margin:0px;
	margin-left:1px;
	margin-right:1px;
	padding:0px;
	border:1px solid #f0f0f0;
	color:#969696;
}





/*****************************************************************************************
   SECTION: MENU

	Menubuttons html code is generated by theme.php as a table with each button as a cell in a single row
	there are three states of the menubuttons defined as classname for the table cell:

	menubuttonmasked (happens when the access rights are not valid)
	menubutton (a regular menubutton)
	menubuttoncurrent (The menubutton currently chosen)
	
*****************************************************************************************/  
div.menubar {
    margin: 0px;
    padding: 0px;
    float:none;
    border: 0px;
  
  
    /* fallback for mongo browsers */
    background: #f0f0f0;

    /* gecko based browsers */
	background: -moz-linear-gradient(top, #fcfcfc 0%, #f0f0f0 2%, #fcfcfc 4%, #f0f0f0 50% ); 

	/* webkit based browsers */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fcfcfc), color-stop(0.02, #f0f0f0), color-stop(0.04, #fcfcfc), color-stop(0.50, #f0f0f0));
    
    /* MSIE filter - only support two stops */
	filter:progid:DXImageTransform.Microsoft.Gradient
 	(GradientType =0, startColorstr=#fcfcfc,endColorstr=#f0f0f0);    
    	
}


table.menubar {
    margin:0px;
    padding:0px;
    padding-top:2px;
    padding-bottom:2px; 
    width:100%;
    table-layout: fixed;
    border-collapse: separate;
    height:34px;	
}

td.menubutton, td.menubuttoncurrent, td.menubuttonmasked {
    margin:0px;
    text-align: center;
    vertical-align: middle;
    border:0px;
    border-right: 1px solid rgb(230,230,230);
    border-left: 1px solid rgb(250,250,250);
    white-space: nowrap;
    
 }

td.menubuttoncurrent {
    /* gecko based browsers */
	background: -moz-linear-gradient(top, #f0f0f0 0%, #e0e0e0 2%, #f0f0f0 4%, #e0e0e0 50% ); 

	/* webkit based browsers */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f0f0f0), color-stop(0.02, #e0e0e0), color-stop(0.04, #f0f0f0), color-stop(0.50, #e0e0e0));
    
    /* MSIE filter - only support two stops */
	filter:progid:DXImageTransform.Microsoft.Gradient
 	(GradientType =0, startColorstr=#f0f0f0,endColorstr=#e0e0e0);    
	
}

a.menubutton, a.menubuttoncurrent, a.menubuttonmasked {
	display:block;
	width:100%;
	height:100%;
    padding:0px;
    padding-top:10px;
    padding-bottom:10px;
   
    text-decoration: none;
    text-transform: uppercase;
    font-weight:bold; 
    
    color: rgb(150,150,150);
}

a.menubuttoncurrent {
    color: rgb(20,20,20);
}

a.menubutton:hover, a.menubuttoncurrent:hover  {
/*	background: rgb(220,220,220); */	
/*	background-color:#B50810; */
	background-color:#D1232A;
	
	
	color:#ffffff;
}



/*****************************************************************************************
   SECTION: AJAX
   
   Styles specific for the AJAX elements (message panel and processing) 
*****************************************************************************************/  
div.lbajaxmessages { /* messages will contain multiple lines, but usually just one line at the time */
	height:30px; /* give room for one line without having the screen jumping */
}


div.lbajaxprocessing { /* when not processing - will never contain any data */
}

div.lbajaxprocessingdone { /* when processing */
}


/*****************************************************************************************
   SECTION: BLOCKTEMPLATE
   
   Styles specific for the block templates (design as part of theme html code) 
*****************************************************************************************/  

div.block {
    display:block;
    float:none;
    position: relative;
    list-style: none;
    
	margin: 0px;
    margin-bottom:10px;
    padding: 0px;
}

div.blockleft, div.blockright {

	border:1px solid #f0f0f0;
	margin:10px;
	margin-bottom:20px;	
    width: 220px;
}


div.blockleft .blocktitle, div.blockright .blocktitle {
    padding:10px;

    
    vertical-align: middle;
    color: rgb(100,100,100);
    text-decoration: none;
    text-transform: uppercase; 
    
    
	border-bottom:1px solid #f0f0f0;
    
    /* fallback for mongo browsers */
    background: #f0f0f0;
    
	
    /* gecko based browsers */
	background: -moz-linear-gradient(top, #fcfcfc 0%, #f0f0f0 2%, #fcfcfc 4%, #f0f0f0 50% ); 

	/* webkit based browsers */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fcfcfc), color-stop(0.02, #f0f0f0), color-stop(0.04, #fcfcfc), color-stop(0.50, #f0f0f0));
    
    /* MSIE filter - only support two stops */
	filter:progid:DXImageTransform.Microsoft.Gradient
 	(GradientType =0, startColorstr=#fcfcfc,endColorstr=#f0f0f0);    
	
	
}

div.blockleft .blockcontent, div.blockright .blockcontent {

	padding:10px;
	
}


/*****************************************************************************************
   SECTION: INPUTS
   
   Styles specific for the various input fields 
*****************************************************************************************/  

/* ERROR SECTION  wrapping box */
DIV.error-section-center {
	border: 1px solid black dashed;
	padding: 5px;
	background-color:#fff0f0;
	
}

/* filterfield section */
div.lbfilterfieldsection {

	  border:1px dashed #c0c0c0;
	  background-color: #f8f8f8;
	  
	  margin:0;
	  margin-bottom:8px;	
}

/* create simplefield section */
div.lbsimplecreatesection {

      border:1px dashed #c0c0c0;
      background-color: #E5FAD9;
      
      margin:0;
      margin-bottom:8px;    
}




/* SET WIDTH ON PULLDOWNS AND MULTIPLE SELECTS ON CENTER TO MATCH REST OF INPUT FIELDS WIDTH */
select.lbPulldown-center, select.lbPulldown-center-required {
	/* width:376px; */
	width:100%; 
	border:1px solid #808080;
}

/* SET WIDTH ON FILTERFIELDS */
select.filterfield {
	border:1px solid #808080;
}

/* jquery filterfield multiselect - must use important to ensure that it is not overriden by jquery generated css */
a.multiSelect {
	margin:2px !important;
	border:1px solid #808080 !important;
	
}


/*** checkboxes in lists **/
input.simplelist {
	border:0px;

}

/** input fields in center **/
input.lbInputField-center {
	
}



/*** required fields **/
textarea.simpleform-required, input.lbInputField-center-required, select.lbPulldown-center-required {
	border:solid 1px #800000; 
	background-color:#fff0f0; 
}




/*****************************************************************************************
   SECTION: SPECIALS
   
   Styles specific for certain special features in the system 
*****************************************************************************************/  


/*****************************************************************************************
   CASCADING MENU
*****************************************************************************************/  
/*********** number of levels depends on the depth of your locations tree **********/

DIV.cascadelevel1, A.cascadelevel1, A.cascadelevel1:visited, A.cascadelevel1:active, A.cascadelevel1:link {
	font-weight: bold;
	color:#7E8E9B;
	text-decoration: none;
	padding:4px;
	margin:1px;
	border-bottom:1px solid #D7D9DC;
}

DIV.cascadelevel1-active, A.cascadelevel1-active, A.cascadelevel1-active:visited, A.cascadelevel1-active:active, A.cascadelevel1-active:link  {
	font-weight: bold;
	color: #206F94;
	text-decoration: none;
	padding:4px;
	margin:1px;
	border-bottom:1px solid #D7D9DC;
}


DIV.cascadelevel2, A.cascadelevel2, A.cascadelevel2:visited, A.cascadelevel2:active, A.cascadelevel2:link {
	font-weight: bold;
	color:#7E8E9B;
	text-decoration: none;
	padding:4px;
	padding-left:14px;
	margin:1px;
	border-bottom:1px solid #D7D9DC;
}

DIV.cascadelevel2-active, A.cascadelevel2-active, A.cascadelevel2-active:visited, A.cascadelevel2-active:active, A.cascadelevel2-active:link  {
	font-weight: bold;
	color: #206F94;
	text-decoration: none;
	padding:4px;
	padding-left:14px;
	margin:1px;
	border-bottom:1px solid #D7D9DC;
}



DIV.cascadelevel3, A.cascadelevel3, A.cascadelevel3:visited, A.cascadelevel3:active, A.cascadelevel3:link {
	font-weight: bold;
	color:#7E8E9B;
	text-decoration: none;
	padding:4px;
	padding-left:24px;
	margin:1px;
	border-bottom:1px solid #D7D9DC;
}

DIV.cascadelevel3-active, A.cascadelevel3-active, A.cascadelevel3-active:visited, A.cascadelevel3-active:active, A.cascadelevel3-active:link  {
	font-weight: bold;
	color: #206F94;
	text-decoration: none;
	padding:4px;
	padding-left:24px;
	margin:1px;
	border-bottom:1px solid #D7D9DC;
}

/*****************************************************************************************
   TABLE OPERATOR
*****************************************************************************************/  

a.operatorpage, a.operatorpage:visited, a.operatorpage:link {
	font-weight: bold;
	font-size:0.75em;
	background-color:#888888;
	border:1px solid black;
	color:#ffffff;
	text-decoration:none;
	margin:0px;
	padding:2px;
	display:run-in;
}


a.operatorpage-current, a.operatorpage-current:visited, a.operatorpage-current:link {
	font-weight: bold;
	font-size:0.75em;
	background-color:#cccccc;
	border:1px solid black;
	color:#000000;
	text-decoration:none;
	margin:0px;
	padding:2px;
	display:run-in;
}



/*****************************************************************************************
   SECTION: BLOCKS
   
   This is code to match the default system generated code. 
*****************************************************************************************/  



/*****************************************************************************************
   GENERAL DESIGN
*****************************************************************************************/  


H1 {
	font-weight: bold;
	font-size: 2em;
	color: #D1232A;
	margin-top:0px;
	margin-bottom:10px;
	
}
H1.left, H1.right {
    font-size: 1em;
}

H2 {
	font-weight: bold;
	font-size: 1.3em;
	color: #D1232A;
	margin-top:6px;
	margin-bottom:6px;
}

A.hover {
    color: #D1232A;
}
		

/*****************************************************************************************
   LEFT
*****************************************************************************************/  
td.invisible-left {
    vertical-align:bottom;	
}

A.lbNavigator-left, A:visited.lbNavigator-left, A:hover.lbNavigator-left {
	color: #404040;
	text-decoration:none;

}
A:hover.lbNavigator-left {
    color: #D1232A;
}


/*****************************************************************************************
   RIGHT
*****************************************************************************************/  
td.invisible-right {
    vertical-align:bottom;  
}

A.lbNavigator-right, A:visited.lbNavigator-right, A:hover.lbNavigator-right {
	color: #404040;
	text-decoration:none;
	
}

A:hover.lbNavigator-right {
    color: #D1232A;
}


/*****************************************************************************************
   CENTER
*****************************************************************************************/  

TABLE.list-center {

	border-spacing:0px;
	border-collapse: collapse;

	border:1px solid #f0f0f0;
	border-bottom:1px solid #f0f0f0;

	margin:0;
}




/** make sure images have a margin within the list tables ***/
TABLE.list-center IMG {
	margin:1px;
	vertical-align:top;
}


td.list-headingrow-center {
	color: #000000;
	background-color: #f0f0f0;
	border-bottom:2px solid #e0e0e0;
	font-weight: bold;
	height:30px;
	vertical-align: middle;
	
    /* gecko based browsers */
	background: -moz-linear-gradient(top, #fcfcfc 0%, #f0f0f0 2%, #fcfcfc 4%, #f0f0f0 50% ); 

	/* webkit based browsers */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fcfcfc), color-stop(0.02, #f0f0f0), color-stop(0.04, #fcfcfc), color-stop(0.50, #f0f0f0));
    
    /* MSIE filter - only support two stops */
	filter:progid:DXImageTransform.Microsoft.Gradient
 	(GradientType =0, startColorstr=#fcfcfc,endColorstr=#f0f0f0);    

	border:1px solid #e0e0e0;
	white-space: nowrap;
}


TD.list-normalcolumn1-center, TD.list-normalcolumn2-center {
	border-left:1px solid #f8f8f8;
	border-right:1px solid #f8f8f8;
	
	border-top:1px solid #e0e0e0;
	border-bottom:1px solid #e0e0e0;
	
}
TD.list-normalcolumn1-center , TD.list-normalcolumn2-center {
}


/* HIGHLIGHT ROW CLASSES (mouseover) - both rows same  color */
TR.list-normalrow1-center-over, TR.list-normalrow2-center-over {
	background-color:#e0e0e0;
}





A.lbNavigator-center, A:visited.lbNavigator-center, A:hover.lbNavigator-center {
	color: #000000;
	text-decoration:underline;
}
A:hover.lbNavigator-center {
	color: #E20A16;
}

td.simple-headingcolumn-center {
	border-bottom:1px dotted #c0c0c0;
	color: #808080;
	}

td.simple-normalcolumn-center {
	border-bottom:1px dotted #c0c0c0;
}