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

THEME: Default
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
* PAGETEMPLATE - All styles related to the pagetemplate
* BLOCKTEMPLATE - All styles related to the block templates
* BLOCKS - All styles related to the blocks (and positions)
* SPECIALS - All styles related to special elements and components used in locationblocks

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





/*****************************************************************************************
   SECTION: DEFAULTS
   
   Set various defaults for all the pages 
*****************************************************************************************/   
body {
	padding:0;
	background-color: #ffffff;
}

body.theme {
	background-image: url('images/background.jpg');
	background-repeat: repeat-x;
	
}

body,td,th,p,div, table, p, input, textarea, select, option, small {
	font: 9pt Calibri, Tahoma, Arial;
	color: black;
}

img {
	border:0;
}


small {
	font-size: 8pt;
	color:#808080;
}

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



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


/* images must be displayed as block in strict mode */
img.strict {
	display: block;
}

td.menu, td.menu-selected {
	height:24px;
	padding:0px;
	padding-left:28px;
	padding-right:10px;
	background-repeat:no-repeat;
	font-family: Calibri, Arial;
	font-size: 9pt;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer; 
	white-space:nowrap; 
}
td.menu {
	background-image:url('images/menu-normal.png');
	color: #000000;
}

td.menu-selected {
	background-image:url('images/menu-selected.png');
	color: #f78d28;
}



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


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

td.center-canvas {

	padding:4px;
	padding-left:10px;
	padding-right:10px;	
}


/*

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)

*/

table.menubar {
    margin:0px; 	
}

td.menubutton, td.menubuttoncurrent, td.menubuttonmasked {
    margin:0px;
    margin-right:3px;
    padding:10px;
}

a.menubutton, a.menubuttoncurrent, a.menubuttonmasked {
    font: 12pt Calibri, Tahoma, Arial;
    color: white;
    font-weight: bold;
    text-decoration: none; 

    text-shadow: 0 0 0.2em #000000;
    filter: Glow(Color=#000000,  Strength=2);
        
}

a.menubuttoncurrent {
    color: #206F94;
 text-shadow: 0 0 0.2em #ffffff;
 filter: Glow(Color=#ffffff,  Strength=2);
}


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

div.block {
    float: none;
    list-style: none;
    margin: 5px;
    margin-bottom:10px;
    padding: 10px;
    position: relative;
    width: 250px;
    
    /* corners for those cools browsers that support that */
    border-bottom-left-radius: 4px 4px;
    border-bottom-right-radius: 4px 4px;
    border-top-left-radius: 4px 4px;
    border-top-right-radius: 4px 4px;
/*    background: #f0f0f0; */
    border: 1px solid #f0f0f0;
    font-weight: normal;    
}





/*



/********* RESTRUCTURE FROM HERE *************/






/* 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; 
	border:1px solid #808080;
}

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

/* 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;    
}



/*** checkboxes in lists **/
input.simplelist {
	border:0px;
	font: 9pt Calibri, Tahoma, Arial;

}

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



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

/** Form validation tool **/
div.error {
	color:#800000;
	padding:5px;
	font-weight:Bold;
	font-style: italic; 	
}



/*********** 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: Bold 9pt Calibri, Tahoma, Arial;
	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: Bold 9pt Calibri, Tahoma, Arial;
	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: Bold 9pt Calibri, Tahoma, Arial;
	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: Bold 9pt Calibri, Tahoma, Arial;
	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: Bold 9pt Calibri, Tahoma, Arial;
	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: Bold 9pt Calibri, Tahoma, Arial;
	color: #206F94;
	text-decoration: none;
	padding:4px;
	padding-left:24px;
	margin:1px;
	border-bottom:1px solid #D7D9DC;
}



/*************** END OF CASCADING MENUS ****************/





H1 {
	font: Bold 22pt Calibri, Tahoma, Arial;
	color: #3c73b7;
	margin-top:10px;
	margin-bottom:10px;
	
}
H1.left, H1.right {
    font-size: 12pt;
}

H2 {
	font: Bold 12pt Calibri, Tahoma, Arial;
	color: black;
	margin-top:6px;
	margin-bottom:6px;
}


/***** login input stuff ****/

input.login {
	border:1px solid #c0c0c0;
	font:Bold 7.5pt Calibri, Tahoma, Arial;
	color:#c0c0c0;
}

td.login {
	margin:0;
	padding:0;
	font:Bold 7.5pt Calibri, Tahoma, Arial;
	color:#c0c0c0;
}
	
/**** left block decorations *****/
	

	
	

td.leftblocktitle {
	height:62px;
	text-align:left;
	text-transform:uppercase;
	font:Bold 10pt Calibri, Tahoma, Arial;
	color:#206F94;
	background:url('images/leftblock-title.jpg');
	background-repeat:no-repeat;
	padding-left:20px;
}

td.leftblockcontent {
	padding:20px;
}

td.leftblockcontentblank {
	padding:20px;

}

td.blocktitle {
	text-align:left;
	font:Bold 16pt Calibri, Tahoma, Arial;
	color:#206F94;
	padding-top:40px;
	padding-bottom:10px;
	padding-right:10px;
	
}

td.blockcontent {
	padding-right:10px;
	font-size:9pt;
}
				
/*** right block decorations */
td.rightblocktitle {
	text-align:center;
	text-transform:uppercase;
	font:Bold 10pt Calibri, Tahoma, Arial;
	color:#000000;
	padding:0;
	padding-top:8px;
	margin:0;
}

td.rightblockcontent {
}


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

td.login {
	font:7.5pt Calibri, Tahoma, Arial;
}

input.login {
	margin:0;
	margin-left:1px;
	margin-right:1px;
	padding:0;
	font:7.5pt Calibri, Tahoma, Arial;
}

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

input.loginimg {
	border:0;
}

img.login {
	border:0;
	margin:0px;
}

/**************************** tableoperator page buttons */

a.operatorpage, a.operatorpage:visited, a.operatorpage:link {
	font:Bold 7pt Calibri, Tahoma, Arial;
	background-color:#3c73b7;
	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:Bold 7pt Calibri, Tahoma, Arial;
	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. 
*****************************************************************************************/  

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

A.lbNavigator-left, A:visited.lbNavigator-left, A:hover.lbNavigator-left {
	font:Bold 9pt Calibri, Tahoma, Arial; 
	color: #000000;
	text-decoration:none;

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


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

A.lbNavigator-right, A:visited.lbNavigator-right, A:hover.lbNavigator-right {
	font:Bold 9pt Calibri, Tahoma, Arial; 
	color: #000000;
	text-decoration:none;
	
}

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


/*************** CENTER SECTION *****************/

/* not in use?
DIV.lbInputField-center, DIV.lbInputField-center-required {
    margin:0px;
    margin-bottom:4px;
}
*/

TABLE.list-center {

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

	border:1px solid #25b8ec;
	border-top:1px solid #25b8ec;
	border-bottom:1px solid #25b8ec;

	
	
	margin:0;
}

/** set TD regardless of class within the list-center table **/
TABLE.list-center TD {
	font:Normal 9pt Calibri, Tahoma, Arial; 

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

	vertical-align:middle;
	height:15px;

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


TD.list-headingrow-center {
	color: #ffffff;
	background-color: #25b8ec;
	border-bottom:2px solid #25b8ec;
	font-weight: bold;
	padding:0;
}

TD.list-normalcolumn1-center, TD.list-normalcolumn2-center {
/*	border-bottom:1px dotted #BBBBBB; */
}


/* list table rows */

TR.list-normalrow1-center, TR.list-normalrow2-center,TR.list-normalrow1-center-over, TR.list-normalrow2-center-over {
/*	border-bottom:1px dotted #BBBBBB; */
}

/* every other line indicator */
TR.list-normalrow2-center {
	background-color:#eeeeee;
}

/* HIGHLIGHT ROW CLASSES - both rows same  color */

TR.list-normalrow1-center-over, TR.list-normalrow2-center-over {
	background-color:#F78D28;
}





A.lbNavigator-center, A:visited.lbNavigator-center, A:hover.lbNavigator-center {
	font:Normal 9pt Calibri, Tahoma, Arial; 
	color: #000000;
	text-decoration:underline;
	
}

div.center {
	font:Normal 9pt Calibri, Tahoma, Arial; 
	color: #808080;
}

td.simple-headingcolumn-center {
	border-bottom:1px dotted #c0c0c0;
	font:Normal 9pt Calibri, Tahoma, Arial; 
	color: #808080;
	}

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


/********** TREE STRUCTURE FROM WEBFX *******************/
.webfx-tree-container {
	margin: 0px;
	padding: 0px;
	font: icon;
	white-space: nowrap;
}

.webfx-tree-item {
	padding: 0px;
	margin: 0px;
	font: icon;
	color: black;
	white-space: nowrap;
}

.webfx-tree-item a, .webfx-tree-item a:active, .webfx-tree-item a:hover {
	margin-left: 3px;
	padding: 1px 2px 1px 2px;
}

.webfx-tree-item a {
	color: black;
	text-decoration: none;
}

.webfx-tree-item a:hover {
	color: blue;
	text-decoration: underline;
}

.webfx-tree-item a:active {
	background: highlight;
	color: highlighttext;
	text-decoration: none;
}

.webfx-tree-item img {
	vertical-align: middle;
	border: 0px;
}

.webfx-tree-icon {
	width: 16px;
	height: 16px;
}
.webfx-tree-item a.selected {
	color: selectedtext;
	background: selected;
}

.webfx-tree-item a.selected-inactive {
	color: windowtext;
	background: buttonface;
}


/* CALENDAR V2 */


DIV.calendarweek {
 	border:0px solid black; 
 	font:9pt arial Bold; 
 	font-weight:Bold;
 	text-align:center;
}

DIV.calendarweekday {
 	border:0px solid black; 
 	font:7pt arial Bold; 
 	font-weight:Bold;
 	text-align:center;
}

DIV.calendardate {
 	border:0px solid black; 
 	font:7pt arial Bold; 
 	text-align:center;
}

DIV.calendarhour {
 	border:0px; 
 	font:7pt arial; 
 	color:#909090;
 	text-align:left;
	padding:2px;
}

DIV.calendarentry {
	border:1px solid black; 
	border-left:3px solid blue; 
	font:7pt arial; 
	background-color:#f0f0f0;
}

DIV.calendarentrycancelled {
	border:1px solid black; 
	border-left:3px solid red; 
	font:7pt arial; 
	background-color:#e0e0e0;
	color:#a0a0a0;
    filter:alpha(opacity=40);
	-moz-opacity:.40;
	opacity:.40;
}

DIV.calendartimeline {
 border:1px solid #c0c0c0;
}


DIV.calendardayline {
 border:1px solid #000000;
}


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



/****************************************************** carousel *****************************************************/
/** Carousel **/

		div.carousel {
			width:320px;
			height:220px;
			background-image:url('images/carousel.png');
			background-repeat:no-repeat;
			margin:0px;
			padding:0px;
			overflow:hidden;
		}
		
		div.carousel TABLE {
			margin:20px;
		}

		div.carousel-image-wrap {
			width:120px;
			height:170px;
			margin:0px;
			padding:0px;
			overflow:hidden;
		}
		
		div.carousel-image-wrap img {
			border:1px solid black; 
					
		}

/* title in carousel */
H1.center A:link.center, H1.center A:visited.center, H1.center A:hover.center {
	font: 20pt Calibri, Tahoma, Arial;
	font-weight: Bold;
	text-decoration:none;
	color:#000000;
}
H2.center A:link.center, H2.center A:visited.center, H2.center A:hover.center {
	font: 10pt Calibri, Tahoma, Arial;
	font-weight: Bold;
	text-decoration:none;
	color:#000000;
}

H1.center A:hover.center, H2.center A:hover.center {

	text-decoration:underline;
	color:#000000;
}



/** end of carousel **/