/* html body tag style */
@import "bootstrap.css";
@import "breadcrumbs.css"; /*  http://line25.com/tutorials/how-to-create-flat-style-breadcrumb-links-with-css   */
@import "popfromtop.css"; /* https://css-tricks.com/pop-from-top-notification/ */

/* navbar */
.navbar-default {
    background-color: #AA0000;
    border-color: #330000;
}
/* title */
.navbar-default .navbar-brand {
    color: #FFFFCC;
    font-weight: bold;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #FFFFEE;
}
/*  
.navbar-default .navbar-nav > li > a .caret {
    color: #d00000;
}*/

.navbar-default .navbar-nav > li > a {
    color: #FFFFCC;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #FFFFEE;
    background-color: #CC0000;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #FFFFAA;
    background-color: #CC0000;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    color: #FFFFEE;
    background-color: #CC0000;
}
/* caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #FFFFCC;
    border-bottom-color: #FFFFCC;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #FFFFEE;
    border-bottom-color: #FFFFEE;
}
.navbar-default .navbar-nav > .open > a .caret, 
.navbar-default .navbar-nav > .open > a:hover .caret, 
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #FFFFEE;
    border-bottom-color: #FFFFEE;
}
/* mobile version */
.navbar-default .navbar-toggle {
    border-color: #FFFFCC;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #CC0000;
    color: #FFFFEE;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #FFFFCC;
}
@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #FFFFCC;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #FFFFEE;
        background-color: #CC0000;
    }
}


#grayout {
   position: fixed;
   left: 0px;
   top: 0px;
   height: 100%;
   width: 100%;
   background-color: black;
   opacity: 0.7;
   z-index: 99;
}
#popup {
			position:fixed;
			left: 50%; top: 50%;	
			width:240px;
			height: 180px;
			margin-left: -120px;
			margin-top: -90px;
			z-index: 100;
			}




/****list override for nesting  ****/

#bootstrap list override for menu
.just-padding {
  padding: 15px;
}

.list-group.list-group-root {
  padding: 0;
  overflow: hidden;
}

.list-group.list-group-root .list-group {
  margin-bottom: 0;
}

.list-group.list-group-root .list-group-item {
  border-radius: 0;
  border-width: 1px 0 0 0;
}

.list-group.list-group-root > .list-group-item:first-child {
  border-top-width: 0;
}

.list-group.list-group-root > .list-group > .list-group-item {
  padding-left: 30px;
}

.list-group.list-group-root > .list-group > .list-group > .list-group-item {
  padding-left: 45px;
}

/****active menu colour change***********/

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #CC0000;
  border-color: #AA0000;
}



body, html {
	background: #ffffcc;
}

.bcw{background: #fff};

.n {font-weight: normal;}
.b {font-weight: bold;}
.i {font-style: italic;}
.sm {font-size: small;}
.tcb{color: #000;}
.fss{font-size:small}

.header {max-width: 768px; min-width:190px; padding: 0;margin: 0 auto; background-color: #FFFFCC;}
.container{ max-width: 768px; 
					min-width:305px; 
					margin: 0 auto; padding: 0; 
					/*border-bottom: 0.5em solid #DEDEDE;*/
                }
 .header2 { background-color: #A00000;}
             
                

.logo {display: inline-block; float: left;  font-family: 'Comic Sans MS', cursive, sans-serif;  font-size: large; color: #AA0000; 
			margin-left: 0.25em; margin-top:0.25em; font-weight: bold;  max-width: 13em; text-align:left;}

.logo_inv {display: inline-block; float: left;  font-family: Arial, sans-serif;  font-size: large; color: #FFFFCC; 
			margin-left: 0.25em; margin-top:0.25em; font-weight: bold;  max-width: 13em; text-align:left;}

.strapline{clear: left; font-size: small;  color: gray; font-style: italic;  vertical-align: bottom; margin-left: 0.25em; margin-top: 0.25em; max-width: 13em; }
.log_in { padding: 5px 0 5px 0; font-size: small; color: #A00000;  float: right; font-family: Arial, Helvetica, sans-serif; }
.fb {font-family: Tahoma; font-weight: bold; color: #3B5998;}


/* consider using code on parent container instead of clear: both see http://perishablepress.com/new-clearfix-hack/  */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}

.clear { clear: both;}
.hs {margin: 0 0.5em 0 0.5em;}

h1 {
	background-color: #A00000;
	margin: 0;
	height: 34px;
	font-size: 22px;
	text-shadow: 0px -1px 1px #000;
	border-bottom: 1px solid black;
	color: white;
	padding: 8px 0px 0px 0px;
	}

h2{
	background-color: #DEDEDE;
	padding: 0.5em 0;
	height: auto;
	margin: 0 ;
	font-size: medium; font-weight: bold; 
	color: #A00000;
}

h3 {color: #660000; margin: 0.25em 0.25em 0 0.25em;  padding: 0px;  font-weight: bold; text-align: left;}/*used for form labels*/
/*h4 {color: #660000; margin: 0.25em;  padding: 0; font-size: small; font-weight: bold; text-align: left; white-space:nowrap; 
width:12em; overflow:hidden; text-overflow:ellipsis;}*/
h5{font-size: small; text-align: left; margin: 1em 0.25em 0.25em 0; float: left;}

h6 {
	background-color: #AA0000;
	padding: 0.5em 0 0 0 ;
	height: 1.5em;
	font-size: medium; font-weight: bold;
	text-shadow: 0px -1px 1px #000;
	border-bottom: 1px solid black;
	color: white;
	margin: 0 0 0.5em 0;
	}
	
	
	
h7{
	padding: 0.5em 0;
	height: auto;
	margin: 0 ;
	font-size: medium; font-weight: bold; 
	color: #A00000;
	text-align: left;
	width: 100%
}


/*used in forms - over ride bootstrap*/
						
/*****http://sitesbyjoe.com/posts/detail/2011/07/21/styling-fieldsets-and-legends-with-css*/

@-moz-document url-prefix() { 
  .a legend span {
    top: -32px !important;
    left: 0 !important;
    }
  }

legend.gradcom { float:left;
    width:inherit; /* Or auto */
    border-bottom:none;
}

legend.gradcom span {
    background-color: #ffffff;
    border-color: #ababab;
    border-style: solid;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-width: 1px 1px 0;
    color: #a00000;
    font-size: 14px;
    font-weight: bold;
    left: -1px;
    padding: 3px 1em 0;
    position: absolute;
    top: -24px;
    }

fieldset.gradcom{border-width:1px;  border-style: solid; border-color:  #ABABAB; 
                margin-top: 2.5em;  max-width: 480px; background-color: #FFFFFF; position: relative;
                border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px;
                padding: 1em;
                }





p.form_instructions{margin: 0 0 1em 0;}

/*********forms***************/
/*
.form_container{max-width: 300px;}
*/



ul {margin: 0.25em; padding: 0em; clear: both}
/*li {text-align: left;}*/
li{list-style-type: none; text-align: left; margin-bottom: 3px}
p {margin: 0.25em; padding: 0; text-align: left;}

table {
    border:1px solid #CCC;
    border-collapse:collapse;
}
td{text-align: left; border:none;}


.vert{display: inline:block; float: left; width: 100%; text-align: left;}

/*************************end vertical form layout*****************/

/*******************auto complete forms styles*****************/
.autoitem{ padding: 0.5em 0; color: #000000;  background-color: #FFFFF0; text-align: left; font-size:medium;}
.automenu{ padding: 0.5em 0; color: #000000; background-color: #C00000;}
.autoselecteditem{ padding: 0.5em 0; color: #ffffff; background-color: #C00000; text-align: left; font-size:medium;}

/*										'ItemClass'=>'autoitem',
										'MenuClass'=>'automenu',
										'SelectedItemClass'=>"autoselecteditem",
*/

.small{font-sze: x-small; font-weight: normal;}
/*	
	input[type="text"], input[type="password"], input[type="email"], input[type="tel"],
	textarea{
		
		border: 1px solid #ababab; padding: 6px 4px; outline: none;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		color: #999;
		max-width 320px; 
		margin 1em, 1em, 1em;
		background: #ffffff; 
		font-size: small;
		width: 100%;
		text-align: left;
		float: left;
		}

select{width: auto;
			color: #333;
			background: #Efefef; 
			padding: 10px 0 12px 0;
			border: 1px solid #DEDEDE;
			}
	
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {
		border: 1px solid #aaa;
 		color: #444;
 		-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
		box-shadow:  0 0 3px rgba(0,0,0,.2); }
	textarea {
		min-height: 60px; }

/*


/**********buttons**********************************/
.buttons, .buttons button, button{
    width: auto;
	display:inline-block;
    background-color:#f5f5f5;
    border:1px solid #ababab;
    border-top:1px solid #bcbcbc;
    border-left:1px solid #bcbcbc;    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size: small;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    padding:11px 3px 12px 3px; /* Links */
	border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	
	
}

.buttons {
	 width:auto;  min-width: 27px; /* 44 wide allowing for padding */
	 text-align: center; 
	} 

.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 */
}
button img, .buttons img {
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
	width:16px;
    height:16px;
}



/* now adding some colour and action */

button:hover, .buttons a:hover{
    background-color:#CDCDCD;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}
/* POSITIVE */
button.positive, .buttons.positive{
    color:#529214;
}
.buttons.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}
/* NEGATIVE */

.buttons.negative, button.negative{
    color:#d12f19;
}
.buttons.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* facebook */
button.facebook, .buttons.facebook{
    color:#3B5998;
    background-color: #D8DFEA;
    border:1px solid #D8DFEA;
	/*padding: 5px;*/ 
	
}
.buttons.facebook:hover, button.facebook:hover{
    background-color:#C9D0DA;
    border:1px solid #1A356E;
    color:#123682
}
.buttons.facebook:active{
    background-color: #D8DFEA;
    border:1px solid #D8DFEA;
    color:#3B5998;}	
	
/* Menu */
button.menu, .buttons.menu{
background-color:#A00000;
border:1px solid #A0000;
color:#FFFFCC	
}

.buttons.menu:hover, button.menu:hover{
    background-color: #FFFFCC;
    border:1px solid #A00000;
	color:#A00000;
}

.buttons.menu:active{
    background-color: #A00000;
    border:1px solid #A00000;
    color:#FFFFCC;}	


/*end of   http://particletree.com/features/rediscovering-the-button-element */
.ninetypercent{width:95%; height: 44px; margin:0px; padding:0px; } 
		
		
/***********end forms*********************************/		

.left_title { color: #AA0000; height: 28px; line-height: 28px; vertical-align: bottom; font-size: large; font-weight: bold; float: left; margin: 1em 0 0 1em ;}
.right_title {margin: 0; color: #AA0000; height: 34px;  font-size: normal; font-weight: bold; float: right; display:inline-block; padding: 0.5em;}
.float_right {float: right; display: inline-block;}	
.float_left {float: left;}

/*************iphone style menu http://predic8.com***********************************************/
ul.vmenu {
	list-style: none;
	margin: 0.5em;
	padding: 0px;
}

li.vmenu { background-color: white; border: 1px solid #ababab; margin-bottom: -2px; font-weight: bold;}

a.vmenu {display:block; padding: 12px 10px; text-decoration:none;}
a.vmenu:link,  a.vmenu:visited{color: #A00000; 	}
a.vmenu:hover, a.vmenu:active{color: #FFFFDD; background-color: #A00000; }

span.arrow{ float: right;}

li.vmenu:first-child  {	border-top-left-radius: 12px; border-top-right-radius: 12px;
									-moz-border-top-left-radius: 12px; -moz-border-top-right-radius: 12px;
									-webkit-border-top-left-radius: 12px; -webkit-border-top-right-radius: 12px;}

li.vmenu:first-child a.vmenu:hover { border-top-left-radius: 12px; border-top-right-radius: 12px;
														-moz-border-top-left-radius: 12px; -moz-border-top-right-radius: 12px;
														-webkit-border-top-left-radius: 12px; -webkit-border-top-right-radius: 12px;}

li.vmenu:last-child{ border-bottom-left-radius: 12px; border-bottom-right-radius: 12px;
								-moz-border-bottom-left-radius: 12px; -moz-border-bottom-right-radius: 12px;
								-webkit-border-bottom-left-radius: 12px; -webkit-border-bottom-right-radius: 12px;
								}
li.vmenu:last-child a.vmenu:hover { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px;
								-moz-border-bottom-left-radius: 12px; -moz-border-bottom-right-radius: 12px;
								-webkit-border-bottom-left-radius: 12px; -webkit-border-bottom-right-radius: 12px;
								}

/****************************iphone look menu********************************/



/********************listings 3 column layout************************/

.listing_container{
				width: 100%;
				border-bottom: 0.5em solid;
				min-height: 72px;
				overflow:hidden;
				position:relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
				}
	
div.photo {
    border: 1px 1px 2px 1px solid #DEDEDE;
    display: block;
    float: left;
    margin: 0em;
    overflow: hidden;
    text-align: center;
    width: 102px;
}

div.photo img
  {
  display:inline;
  margin: 7px 0;
  border:1px 1px 2px 1pxsolid #CDCDCD;
  vertical-align: middle;
  }
  
div.photo a:hover img
  {
  border:1px 1px 2px 1px solid #A00000; background-color: none;
  }
  
div.photo a:hover {background-color: #DEDEDE;}

    .col2 {
		
		text-align: left;
		font-size: small;
		float: left;
		display: block;
		height: auto;
		min-height: 110px;
		/*border: 1px solid #0cccc0;*/
		overflow: hidden;
		/* Width of left column content (left column width minus left and right padding) */
		}
	
	.leftContainer{float: left; padding: 5px 0 5px 0; margin: 5px 0;  clear: both;}
	.buttonContainer {padding: 5px 0 10px 0; margin: 5px auto; width: 150px; clear: both;
		
		text-align: center;
		/*border: 1px solid #0cccc0;*/
		}
		
.col3 {
			position:relative;
			font-size: small;
			float:left;
			min-width:160px;
			max-width:305px;
			margin: 0.25em;
		    /*border: 1px solid #0000cc;*/
    }
p.justify {text-align:justify;}


/*used to vertically centre images - see http://jsfiddle.net/kizu/4RPFa/74/ */
.helper {display: inline-block; height: 100%; vertical-align: middle;}

/********************listings - colours etc*************************/

.bgw{background:#FFFFFF; border-color: #FFFFFF}
.bgl{background:#FFFFDD; border-color: #FFFFDD}

/******************grey out website *******************/
#grayout {
   position: fixed;
   left: 0px;
   top: 0px;
   height: 100%;
   width: 100%;
   background-color: black;
   opacity: 0.7;
   z-index: 99;
}
#popup {
			position:fixed;
			left: 50%; top: 50%;	
			width:240px;
			height: 180px;
			margin-left: -120px;
			margin-top: -90px;
			z-index: 100;
			border: 2px solid #A00000;
			background-color: #FFFFFF;
			}


/****need to combine with buttos above******/
/****************colourful buttons, rounded corners, gradient etc**************************/
/******************see http://devgrow.com/super-simple-css-buttons/   *****************/
.button {
	text-decoration: none;
    padding: 5px 10px;
    display: inline;
    background: #777 url(button.png) repeat-x bottom;
    border: none;
    color: #fff;
    font-weight: bold;
    text-shadow: 1px 1px #666;
    }
	
.button.curve {    
	border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;}

.button:hover {background-position: 0 -48px; }

.button.orange:hover { background-color: #ff9c00; background-position: 0 -48px; }
.button.orange:active {background-color: #FBAA32; }
	
.button:active {
    background-position: 0 top;
    position: relative;
    top: 1px;
    padding: 6px 10px 4px;
    }
.button.red { background-color: #e50000; }
.button.purple { background-color: #9400bf; }
.button.green { background-color: #58aa00; }
.button.orange { background-color: #FBAA32; }
.button.blue { background-color: #2c6da0; }
.button.black { background-color: #333; }
.button.white { background-color: #fff; color: #000; text-shadow: 1px 1px #fff; }
.button.red { background-color: #e50000; }
.button.purple { background-color: #9400bf; }
.button.green { background-color: #58aa00; }
.button.orange { background-color: FBAA32; }
.button.blue { background-color: #2c6da0; }
.button.black { background-color: #333; }
.button.white { background-color: #fff; color: #000; text-shadow: 1px 1px #fff; }
.button.small { font-size: 75%; padding: 3px 7px; }
.button.small:hover { background-position: 0 -50px; }
.button.small:active { padding: 4px 7px 2px; background-position: 0 top; }
.button.large { font-size: 125%; padding: 7px 12px; }
.button.large:hover { background-position: 0 -35px; }
.button.large:active { padding: 8px 12px 6px; background-position: 0 top; }


/***********************styled select to remove drop down arrow***************************/



.styledselect{
	 z-index: 5;
   width: 5em;
   height: auto;
	display: inline-block;
	vertical-align: middle;
   overflow: hidden;
   padding: 0; margin: 0; 
}


/*************************end select to remove drop down arrow***************************/

/*inline checkbox animation*/

.rowz { display: inline-block;
				float:left; 
				margin: 0.25em 0; padding:  0; 
				border: 1px solid;
				width: 100%;
				}

input[type=checkbox]:checked + div.highlight{ background: #DEDEDE;}

.highlight{-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
						

/****************************row_select_layout - eg booking /availability ***************************************************************/

.row2 {float:left; } /*row container*/

.col_chkbox{ display: inline-block; float: left; opacity:0.7;} /*checkbox*/

/*check box label styled as a button*/
.col_button{width: 6.75em;  display:inline-block; float: left;
					border: 1px solid #900000;
					line-height: 34px;
					padding-bottom: 6px;
					font-size: small; font-family: Arial; text-decoration: inherit;
					-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
					}
						
.col_button:hover{background-color: #CC0000; border-color: #990000; cursor: pointer;}
.col_button:active{background-color: #BB0000; border-color: #CC0000;}

/*drop down label*/

.col_time{height: 44px; font-size: small; overflow: hidden; width: 4.75em;display: inline-block; float: left;}/*wrapper to hide drop arrow*/
.col_label{display:inline-block; line-height: 44px; font-size: small; color: white; float: left; padding-left:0.1em} /*label for select, input etc */ 
.time { font-size: small; color: white; text-decoration: underline;  } /*class for select, input etc */ 

/****class for drop down***********/

select.time {
   background: transparent;
   width: 6.5em;
   padding: 1em, 0, 1em, 0;
   font-size: small;
   border: 0px none;
    -webkit-appearance: none;
	-moz-appearance: none;
} 
select:hover{cursor:pointer;}

option { background-color: #999999; }   


/*highlight*/

.highlight{ text-color: #333; line-height: 44px; display: inline-block;
				-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;   text-decoration: line-through;
				}

.row_content{min-width: 160px; display: inline-block; float: right;}
				
/*input[type=checkbox]:checked + div.highlight{ background: #AA0000; font-weight: bold; text-decoration: none;}*/
input[type=checkbox]:checked + div.highlight{ background: #AA0000;  text-decoration: none; color: white;}

.submit_row{max-width: 275px; display: inline-block; float: right; margin-top: 20px;}

.form_footer{max-width: 320px; display: inline-block; margin: 4em 0;}

/****************************row_select_layout - eg booking /availability ***************************************************************

/*****detailed listing page****/

.photo_gallery{display: inline-block;  float: left; min-width: 150px; max-width: 240px;  overflow: hidden;}
.main_photo{width: 100%; margin: 0; padding: 0; background-color: #DEDEDE; min-width: 150px; display: block; margin: 0;}
.outer_thumb{width:100%; margin: 0; padding: 0; display: inline-block; background-color: #DEDEDE}
.thumbnails{margin: 0 auto; display: inline-block;} 
.thumbnail{display: inline-block; float: left;}


.zzz_rightcol{ background-color: white; 
				border-width: 1px 1px 2px 1px; border-style: solid; border-color: #999; margin: 1em; font-size: small;   min-width: 200px; overflow:hidden}


.title_listing{
	
	
	

	font-size: medium; font-weight: bold; 
	color: #A00000;
	
	background-color: #DEDEDE;
	padding: 0.25em;
	height: auto;
	margin: 0 ;
	max-width: 463px;
    min-width: 240px;
	text-align: left;
}


.infobox {
    background-color: white;
    border-color: #E3E3E3;
    border-style: solid;
    border-width: 1px 1px 2px;
    float: left;
    font-size: small;
    margin: 0.5em 0.25em 0;
    max-width: 460px;
    min-width: 240px;
    padding: 0.25em;
}

.contactbox{  
	background-color: white;
    border-color: #E3E3E3;
    border-style: solid;
    border-width: 1px 1px 2px;
    float: left;
    font-size: small;
    margin: 0.5em 0.25em 0;
    padding: 0.25em;
	max-width: 56%;  min-width: 160px;
	}
				
.profilebox{  
	background-color: white;
    border-color: #E3E3E3;
    border-style: solid;
    border-width: 1px 1px 2px;
    float: left;
    font-size: small;
    margin: 0.5em 0.25em 0;
    padding: 0.25em;
	max-width: 270px;  min-width: 160px;
	}

.actionbox {
    background-color: white;
    border-color: #E3E3E3;
    border-style: solid;
    border-width: 1px 1px 2px 1px;
    float: left;
    font-size: small;
    margin: 0.5em 0.25em;
    max-width: 240px;
    min-width: 160px;
    padding: 0.5em 0.5em 0.25em 0.5em; 
}
				
				
/*  simpleTable */
.tableheading {  background-color: #CCCCCC; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #333}				
.tableRow1{background-color: #FFFF99;}
.tableRow2{background-color: #FFFFCC;}
				

.zzz_rightcoltext{ font-size: small; min-width: 200px; padding: 0.5em; overflow:hidden}
/*li.rightcol{text-align: left;}*/

.bulletcontainer{text-align: left; display: inline-block; margin: 0 auto; min-width: 226px;}

.flash{font-weight: bold; font-size: small; color: #AA0000;  background-color:#FFFFAA; padding: 0.25em; margin: 0em;}

input.year{float:none; width: 4em;}
select.year, select.month, select.day{
        background-color: #fff;
        color: #555;
        font-size: 14px;
        height: 34px;
        line-height: 1.42857;
        border: 1px solid #ccc; padding: 6px 4px; outline: none;
        
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		margin: 0em 1em 0em 0;}
    
    .transparent{
    opacity: 0.2;
    color: #555;
}

.icon-a{
            opacity: 0.2;
            color:#888;
            }