@charset "UTF-8";

/* This file is contains the following sections:

- ez.css (http://www.ez-css.org/layouts)
- reset common tags
- choose default fonts
- choose link style
- add bottom line to table rows
- labels bold and occasionally centered
- make all input fields the same size
- add proper separation between h1-h6 and text
- always indent the first line and add space below paragraphs
- bullets and numbers style and indent
- form and table padding
- code blocks
- left and right padding to quoted text
- page layout alignment, width and padding (change this for spaces)
- column widths (change this to use left_sidebar and right_sidebar)
- backrgound images and colors (change this for colors)
- menu style (for superfish.js)
- web2py specific (.flash, .error)

Notice:
- even if you use a different layout/css you may need classes .flash and .error
- this is all color neutral except for #349C01 (header, links, lines)
- there are two backrgound images: images/background.png and images/header.png

License: This file is released under BSD and MIT

*/

/*********** layout info (ez.css) ***********/
/* 2009 -2010 (c) | ez-css.org
 * ez-plug-min.css :: version 1.1 :: 01182010
 */
.ez-wr:after,.ez-box:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ez-wr,.ez-box,.ez-last{display:inline-block;min-height:0}/* \*/ * html .ez-wr,* html .ez-box,* html .ez-last{height:1%}.ez-wr,.ez-box,.ez-last{display:block}/* */.ez-oh{overflow:hidden}* html .ez-oh{overflow:visible}.ez-oa{overflow:auto}.ez-dt{display:table}.ez-it{display:inline-table}.ez-tc{display:table-cell}.ez-ib{display:inline-block}.ez-fl{float:left}* html .ez-fl{margin-right:-3px}.ez-fr{float:right}* html .ez-fr{margin-left:-3px}.ez-25{width:25%}.ez-33{width:33.33%}.ez-50{width:50%}.ez-66{width:66.66%}.ez-75{width:75%}.ez-negmr{margin-right:-1px}* html .ez-negmr{margin-right:-4px}.ez-negmx{margin-right:-1px}.ez-negml{margin-left:-1px}* html .ez-negml{margin-left:-4px}


/*********** reset common tags ***********/
html,div,h1,h2,h3,h4,h5,h6p,ul,li,table,thead,tbody,tfoot,th,tr,td {
    border: 0; margin: 0; outline: 0; padding: 0;
    color: inherit;
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit;
    line-height: 1.2em;
    text-align: left; vertical-align: top;
}

/*********** choose default fonts ***********/
body {
    font-family: Helvetica Narrow, sans-serif;
    font-size: 11pt;
    text-align: center;
}

/*********** choose link style ***********/
a {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

/*********** add bottom line to table rows ***********/
th, td {
    /*padding: 0.1em 0.5em 0.1em 0.5em;
    border-bottom: 1px solid #ddd;*/
}

/*********** labels bold and occasionally centered ***********/
label {
    white-space: nowrap;
}
label, b, th {
    font-weight: bold;
}
thead th {
    text-align: center;
}

/*********** make all input fields the same size ***********/
input[type=text], input[type=password], textarea {
    width: 300px;
}
select {
    min-width: 200px;
}

/*********** add proper separation between h1-h6 and text ***********/
h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    padding: 5px 0 5px 0;
}

/*********** always indent the first line and add space below paragraphs ***********/
p {
    text-indent:30px;
    text-align: justify;
    padding-bottom: 5px;
}

/*********** bullets and numbers style and indent***********/
ul, ol {
   border-left: 30px transparent;
}
ul {
   padding-left: 35px;
   list-style-type: square;
}

/*********** forms and table padding ***********/
form, table {
   padding: 0px 0px 0px 0px;
}

/*********** code blocks ***********/
code {
   padding: 3px 5px;
   font-family: Andale Mono, monospace;
   font-size: 0.9em;
}

/*********** left and right padding to quoted text ***********/
blockquote {
   background: #cccccc;
   border-left: 30px transparent;
   border-right: 30px transparent;
   padding: 5px;
}

/*********** page layout alignment, width and padding ***********/
#layout {
    position:absolute;
    left:0px;
    top:0px;
    width:920px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 0px 0px 0px;
}

#header { font-size: 0.9em; padding-left: 0px; }
#footer { font-size: 0.8em; }
#left_sidebar { padding: 0px; }
#content { padding: 0px; }
#right_sidebar { padding: 10px; }
#footer { padding: 10px; }

/*********** column widths ***********/
#left_sidebar { width: 0px; }
#content { width: 100%; }
#right_sidebar { width: 0px; }

/*********** backrgound images and colors ***********/
body { background: url('images/background.png') repeat-x #3A3A3A; }

a { color: #349C01; }
.auth_navbar {
   top: 0px;
   float: right;
   padding: 3px 10px 3px 10px;
   font-size: 0.9em;
}
code { color: green; background: black; }
input:focus, textarea:focus { background: #ccffcc; }
#header, #footer {
    color: white;
    background: url('images/header.jpg');
    border: 1px black solid }
#header
    {
    border-radius: 9px 9px 0px 0px;
    -webkit-border-radius: 9px 9px 0px 0px;
    -moz-border-radius: 9px 9px 0px 0px;
    height: 90px;
    }
#header a {
    color: white;
    margin-top: 5px;
    padding: 0px 7px 0px 7px;
    border-radius: 15px 0px 15px 0px;
    -webkit-border-radius: 15px 0px 15px 0px;
    -moz-border-radius: 15px 0px 15px 0px;
    background: #222;
    border: 2px white solid;
    border-left: 4px white solid;
    border-right: 4px white solid;
    top: 10px;
    float: left;
    -moz-box-shadow: 5px 5px 10px #555;
    -webkit-box-shadow: 5px 5px 10px #555;
    box-shadow: 5px 5px 10px #555;
    }
#header a:hover{
    text-decoration: none;
    text-shadow: #DDD 0px 0px 5px;
    background: black;
    }

#header h1 { color: #349C01; }
#header h2 { color: white; font-style: italic; font-size: 14px;}
#statusbar_language {padding:3px;}
#statusbar { background: #333333; border-bottom: 5px #349C01 solid; }
#content {background: white; border: 1px black;}
#statusbar a { color: white; }
#footer {
    text-align: center;
    border-top: 5px #222 solid;
    border-radius: 0px 0px 9px 9px;
    -webkit-border-radius: 0px 0px 9px 9px;
    -moz-border-radius: 0px 0px 9px 9px;
    }
#hotellogo
    {
        background: url('images/logo.png') no-repeat;
        width: 253px;
        height: 90px;
        margin: 10px;
    }
#hotelbanner {}
 
 .shadowwr {
    background: white;
    border-radius: 11px 11px 11px 11px;
    -webkit-border-radius: 11px 11px 11px 11px;
    -moz-border-radius: 11px 11px 11px 11px;
    -moz-box-shadow: 3px 3px 20px black;
    -webkit-box-shadow: 3px 3px 20px black;
    box-shadow: 3px 3px 20px black; 
 }
 
#searchoptions {
    padding: 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border: 1px #dfd2d2 solid;
    }
#search_table {
	
}
#search_table img {
	margin: 0px 0px 10px 0px;
}
#search_table td {
	padding: 0px 5px 0px 0px;
}
#search_table_header {}
#search_table_firstrow {}


.under_footer {
	padding: 10px 0px 0px 10px;
	font-size: 12px;
}

.under_footer a {
	color: white;
}

/*********** Floating Dialog ***********/
/*whole window*/
.aBox {
	font-size: 11px;
	position: absolute;
	z-index:2;
	background-color: black;
	border: 3px solid #000000;
	color: #000000;
	padding: 0px;
	margin:0px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.aBox table, tr, td {
	text-align: center;
}

.aBox th {
	width: 30px;
	padding-right: 20px;	
}

.aBox input {
	font-size:11px;
}

/*draggable bar*/
.aBar {
	background-color: black;
	border-bottom: 3px solid #000000;
	color: white;
	font-weight: bold;
	font-size:12px;
	padding: 5px;
	padding-bottom: 20px;
}

.aBartitle {
	padding-left: 3px;
	float: left;
	cursor: move;
	width: 85%;
}

.aBarcross {
	padding-right: 3px;
	float: right;
	cursor: pointer;
}


/*content*/
.aContent {
	padding: 10px;
	background-color: #FFFFFF;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	-moz-border-radius-bottomleft: 2px;
    -moz-border-radius-bottomright: 2px;	
}


#editrestable td {
	text-align: left;
	padding-right: 30px;
}
#editrestable input {
	width: 150px;
}


/********** Tool Tips ********/

#tt {position:absolute; display:block; background:url(images/tt_left.gif) top left no-repeat; z-index: 10;}
#tttop {display:block; height:5px; margin-left:5px; background:url(images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(images/tt_bottom.gif) top right no-repeat; overflow:hidden}


#login_block {
	border-radius: 10px; 
	padding: 20px; 
	margin-top: 100px; 
	margin-left: 105px; 
	text-align: center; 
	background: #CCC; 
	width: 500px; 
	color: white;
}


/********* search tab **********/
/**********************************/
#search_tab {
	left: 250px;
	display: none;
	top: 125px;	
	padding-top: 0px;
	margin-top: 0px;  
	position:absolute;		
}

#sidepanel {
	z-index: 0;
	background: #DBDBDB;;
	height: 350px;
	border-right: 0px solid white;
}

#searchbox {
	z-index: 1;
	display: none;
	text-align: center;
	color: white;
	background: #333333;
	height: 173px;
	padding-left: 20px;	
	padding-right: 20px;
    box-shadow: 3px 3px 20px black; 	
}

#hotelresults {
	z-index: 2; 
	positon: relative;	
}

#search_input {

}

#suggestions {
	position: absolute;
	margin-left:20px; 
	width: 226px; 
	font-size: 14px; 
	box-shadow: 3px 10px 15px black;	
}

#suggestions:hover {
	cursor:pointer;
}

.suggestionselected {
	background: #8CC63F;
	color: white;
}

.suggestionunselected {
	background: white;
	color: black;
}

.searchlink a {
	font-size: 16px;
	font-weight: bold;
	color: white;
	cursor: pointer;
}

.searchlink a:hover {
	text-decoration: none;
	text-shadow: #FFFFFF 0px 0px 5px;	
}

.search_tab {
	color: white;
	background: none;
	opacity: 1;
    border: 0px solid;
	z-index: 3;	
}

#search_input:focus {
	color: black;
	background: white;
}

.search_tabtag	{
	text-align: center;
	padding:  15px 25px 20px 25px;
	color: white;
	background: #333333;
	border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    -moz-border-radius-bottomleft: 20px;   	
}

.ui-autocomplete {
    background-color: white;
    width: 300px;
    border: 1px solid #cfcfcf;
    list-style-type: none;
    padding-left: 0px;
}

#map_tab {
	position:absolute;
	right: 20px;
	padding-top: 0px;
	margin-top: 0px;
	display: none;
	top: 125px;	
}

.map_tabtag	{
	padding:  1px 30px 10px 30px;
}

/********* shopping cart **********/
/**********************************/
#cart_tab {
	color: white;
	margin-left: 10px;
	margin-bottom: 5px;
}

.whole_basket {
	width: 100px;
	text-align: center;
	position: absolute;
}

.cartorders{
	top: 10px;
	position: relative;
	font-weight: bold;
	font-size: 16px;
	left: 50px;
}

.carttrolley {
	top: 10px;
	left: 43px;
	position: relative;
}

.cartempty {
    font-weight: bold;
    text-align: center;
    padding: 10px;
}

.emptytxt {
	text-align: left;
	width:100px;
	padding-left:20px;
}

.cart {
	color: white;
	background: #ccc;
	padding: 0px 10px 10px 10px;
}

.bookingsuccess {
	border: solid 1px black;
	border-radius: 10px;
    -moz-border-radius: 10px;
}

/******** Cart table contents **********/
.carttable { font-size:11px; }
/* Headers */
.carth { text-decoration: underline; font-size:13px; }
.carthunit { text-align: left; }
.carthcharge { text-align: right; width: 110px; }
.carthlinetotal { text-align: right; width: 50px; padding-left:20px; }
.carthdate { text-align: left; width: 90px; }
.carthelse { text-align: center; width: 60px; }
/* Contents */
.cartunit { width: 200px; white-space: nowrap ; overflow: hidden; }
.cartcharge { text-align: right; width: 110px; }
.cartlinetotal { text-align: right; width: 110px; }
.cartremove { text-align: left; padding-left:20px; }
.cartadults { text-align: center; }
.cartchild { text-align: center; }
.cartelse { text-align: left; width: 70px; }
/* Totals */
.carttotals { font-weight: bold; font-size:13px; }
.cartadulttotal { text-align: center; }
.cartchildtotal { text-align: center; }
.cartpricetotal { text-align: right; }
/***************************************/

/******** Mini Cart Contents **********/
.cartminitable { font-size:10px; }
/* Headers */
.cartminih { text-decoration: underline; font-size:12px; }
.cartminihunit { text-align: left; }
.cartminihlinetotal { text-align: right; width: 50px; padding-left:20px;}
.cartminihelse { text-align: right; width: 20px; }
/* Contents */
.cartminiunit { max-width: 90px; white-space: nowrap ; overflow: hidden; }
.cartminilinetotal { text-align: right; }
.cartminiremove { text-align: center; padding-left:7px; }
.cartminiadults { text-align: right; }
.cartminichild { text-align: right; }
.cartminielse { text-align: right; }
/* Totals */
.cartminitotals { font-weight: bold; font-size:12px; }
.cartminiadulttotal { text-align: right; }
.cartminichildtotal { text-align: right; }
.cartminipricetotal { text-align: right; }
.cartminiblanktotal { text-align: center; padding-left:7px; }
/***************************************/

/************* Cart Page ***************/
.cartcontentsdiv { padding: 10px 0px 0px 0px; }
.cartcontents { padding: 20px 0px 20px 0px; }
.cartwholepage { padding: 0px 0px 0px 0px; }
/***************************************/

/********** Booking success ************/
.bookedcart { text-align: center; }
.referencediv { text-align: center; }
.referencenumber { font-family:monospace;font-size:250% }
/***************************************/

/********** Booking failure ************/
.failbookheader h1 { text-align: center; padding-top: 20px; }
.failbookmessage { text-align: center; font-size:16px; padding: 40px 0px 40px 0px;}
/***************************************/

/************** User Menu **************/
.umenudiv { width: 160px;}
.umenu {
	color: white;
	padding: 10px;
	background: #333333;
	padding: 5px 0px 15px 15px;
	border-radius: 10px;
    -moz-border-radius: 10px;
}
.umenulinks { font-size: 12px;}
.ucontent { padding-left: 20px; width: 100%;}

/***************************************/
.optable {
	border: 1px;
	border-radius: 10px;
    -moz-border-radius: 10px;
	padding: 15px;
	background: blue;
}


/************** reservations **************/
.restable {width: 700px; }
.rescolh { font-size: 16px; font-weight: bold;}
.rescol { font-size: 14px;}
.resdetails { padding: 10px 0px 10px 0px; font-size: 11px; overflow-x: hidden; }
.reslink { font-size: 14px; cursor: pointer; }
.resdetailcol { width: 86px; overflow: hidden; white-space: nowrap ; margin-right:4px;}
.resheaders div{ font-weight: bold; }
.restotals div { font-weight: bold; }
.resheader {
	color: white; 
	text-align: right; 
 	font-weight: bold; 
  	font-size: 12px; 
  	background: #cacaca; 
  	border-bottom: 0px solid black;	
}

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

/************** Reports **************/
#repunittypes {
	position: absolute;
	margin-left: 393px;
	z-index: 2;
	font-size: 11px;
	background: white;
	border: 1px solid lightgrey;
	overflow: auto;
	max-height: 227px;
	width: 300px;
	display: none;
}

/************** Tour Op pages **************/
.toeditrestit {
	font-weight: bold;
}

.topage {
	padding: 10px;
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
}

.totab {
	padding: 4px 8px 4px 8px;
	margin-right: 1px;
	background: #333333;
	color: white;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
}

.totab a:hover {
	text-decoration: none;
}

.totabend {
	background: none;
	color: none;
} 

.tocontentouter {
	background: black;
	padding: 3px;
	border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
}
.tocontentinner {
	background: #DBDBDB;
	min-height: 200px;
	border-top-right-radius: 7px;
    -moz-border-radius-topright: 7px;
	border-top-left-radius: 7px;
    -moz-border-radius-topleft: 7px;
}

.tofooterouter {
	background: black;
	padding: 0px 3px 3px 3px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
}

.tofooterinner {
	background: #DBDBDB;
	min-height: 30px;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	-moz-border-radius-bottomleft: 7px;
    -moz-border-radius-bottomright: 7px;
}

.tobookbutton {
  padding: 5px 20px 5px 20px; 
  color: white; 
  position: absolute; 
  background: #333333; 
  float: right;
  border: 3px solid black; 
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-bottomright: 10px;
  bottom: 90px; 
  right: 10px;	
}

.tobookbutton:hover {
	cursor: pointer;
	text-shadow: #FFFFFF 0px 0px 5px;
	text-decoration: none;
}

.towelcome {
	padding: 15px;
}

table.tobookingsuccess {
    border: 1px solid black;
    border-collapse:collapse;
}
.tobookingsuccess th {
	color: white;
	background: #333;
	padding: 5px;
	margin: 0px;
}

.tobookingsuccess td {
	text-align: left;
	padding: 5px;
}

.tohotelsdiv {
	font-size: 11px;
	width: 100px;
	border-right: 1px solid black;
	padding: 3px;
	height: 300px;
	max-height: 300px;
	overflow: auto;	
}

.tohotels {
	padding: 3px;
}

.tounittypes {
	font-size: 11px;
	width: 150px;
	border-right: 3px solid black;
	padding: 0px 3px 0px 3px;
	height: 306px;
	max-height: 306px;
	overflow: auto;
}

.tounitwidth {
	width:82%;
	overflow:hidden;
	white-space:nowrap;
	margin-right:5px;
}

.tounitsavailable {
	text-align:right;
	border-left: 1px solid black;
}

.tooptiontab {
	text-align: center;
	font-size: 11px;
	padding: 3px 0px 5px 0px;
	background: #DBDBDB;
	height: 40px;
	width: 262px;
	border-right: 3px solid black;
	border-bottom: 3px solid black;
	border-top-left-radius: 7px;
    -moz-border-radius-topleft: 7px;
}

.tomonthdisplay {
   overflow:visible; 
   white-space:nowrap; 	
   padding-top: 2px; 
   padding-left:3px; 
   border-bottom: 3px 
   solid black; 
   padding-bottom:4px;	
}

.todaydisplay {
	font-size: 11px; 
	width: 28px; 
	border-bottom: 3px solid black; 
	background: #DBDBDB;
}

.tocalendarblock {
	text-align: center; 
	height:3px;	
}

.totableheaders {
	color: white; 
	text-align: right; 
	font-weight: bold; 
	font-size: 12px; 
	background: white; 
	border-bottom: 0px solid black;	
}

.todates {
	font-size: 11px;
	margin-left: 1px;
	height: 357px;
	width: 629px;
	overflow: auto;
	background: #DBDBDB;
	border-top-right-radius: 7px;
    -moz-border-radius-topright: 7px;	
}

.tobuttons {
	text-align: right;
}

.tobuttons a {
	cursor: pointer;
	text-align: right;
}

.tohelpmenu {
	position: absolute;
	z-index:2;
	display: none;
	left: 674px;
	width: 200px;
	height: 300px;
	background: white;
	padding: 15px;
	border: 3px solid black;
	border-radius: 7px;
    -moz-border-radius: 7px;
	font-size: 10px;
	font-weight: normal;
}

.toediterror {
	padding-top: 10px;
	color: red;
	text-align:center;
}

#tobookingdetails {
	padding: 5px 5px 5px 5px;
}
#tobookingdetails td {
	width: 50%;
	text-align: left; 
	vertical-align: middle;
}
#tobookingdetails input {
	width: 160px;
}

#table1 th {
	font-weight: normal;
}

#footerquote {
	min-height:150px;
	width: 100%;
	border-right: 3px solid black;
}

.totourlist {
	width: 262px;
	height: 357px;
	border-right: 3px solid black;
	border-top-left-radius: 7px;
    -moz-border-radius-topleft: 7px;	
}

#contacttable td {
	text-align: left;
}

#tourlisttable th {
	font-weight: normal;
}

.addcontact {
	display: none;
}

/*-------------------- scrollable---------------------*/ 
div.tableContainer { clear: both; height: 150px; margin-bottom: 3px; overflow: hidden; width: 897px; }
div.tableContainer table { width: 894px; }
.tableContainer thead tr { display: block;  }
.tableContainer tbody { display: block; height: 129px; overflow-y: scroll; background: #DBDBDB; }
.tableContainer thead th{ display: table-cell; font-size: 11px; padding: 2px 4px !important; }
.tableContainer td{ display: table-cell; padding: 4px; }
.tableContainer p{ padding: 0px; }
.tableContainer tr > td:last-child{ white-space: nowrap; }
.tableContainer tr > th:last-child{}

#table3 {
	margin-top: -4px;
}

#table3  th {
	width: 20%;
}

#table3  td {
	padding: 0px 0px 0px 0px;
}

#table3  input {
	width: 25px;
	text-align: right;
	background: #DBDBDB; 
}

/**********for PF Select ********/

.bold{font-weight: bold;}
.selectable{
	cursor:pointer;
}
.tourselectable{
	cursor:pointer;
}
.selected{
        background-color: #F39814;
        color: white;
    }
.selected td {
        background-color: #F39814;  
		font-weight:bold;
    }
.calselectable{cursor:pointer;}
.calselected{
        background-color: #F39814;
        color: white;
    }
.calselected td {
    background-color: #F39814;
    }	
.calselected b {
	color: white;
}

.calshowcart {
	background: pink;
}

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

table.tablefooter {
    font-size: 10pt;
    width: 100%;
    text-align: left;
    border: 0px solid black;
    border-collapse:collapse;
    padding: 0px 0px 0px 0px;
	background:white;
    background-color: #333333;
    border: 0px solid #FFF;
	border-right: 1px solid #black; 
    font-size: 9pt;
    padding: 6px 10px 2px 10px;
}

/* Style from TableSorter */
table.tablesorter {
    font-size: 10pt;
    width: 100%;
    text-align: left;
    border: 0px solid black;
    border-collapse:collapse;
    padding: 0px 0px 0px 0px;
	background:white;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #666;
	border: 0px solid white;
	border-right: 1px solid #black;
	font-size: 9pt;
	padding: 6px 10px 2px 10px;
	border-bottom: 4px solid #666;
	color: white;
}

table.tablesorter thead tr .header {
    cursor: pointer;
}
table.tablesorter tbody td {
    padding: 4px 0px 2px 10px;
    vertical-align: top;
    
}
table.tablesorter thead tr .headerSortUp {
/*    background-image: url(asc.gif); 
    /* background: url(images/greentl.png) 0 0 no-repeat #8CC63F; */
}
table.tablesorter thead tr .headerSortDown {
/*    background-image: url(desc.gif); */
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
border-bottom: 4px solid white;
}

/*********** right click menu ***********/
.context-menu {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #f2f2f2;
    border: 1px solid #999;
    list-style-type: none;
    margin: 0; 
    padding: 0;
}
.context-menu a {
    display: block;
    padding: 3px;
    text-decoration: none;
    color: #333;
}
.context-menu a:hover {
    background-color: #666;
	text-decoration: none;
    color: white;
}

/* second context menu */
#context-menu-2 {
    border: 1px solid #333;
    background-color: orange;
    margin: 0; 
    padding: 0;
}


/*********** menu style ***********/
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:	0;
	padding: 0;
	list-style: none;
        text-decoration: none;
}
.sf-menu { line-height: 12px; }
.sf-menu ul {
	position: absolute;
	top: -999em;
	width: 10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:	100%;
}
.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li { float: left; position: relative; }
.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
	left: 0;
	top: 28px; /* match top ul list item height */
	z-index: 99;
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; }
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left: 10em; /* match ul width */
	top: 0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left: 10em; /* match ul width */
	top: 0;
}

.sf-menu {
	float:	left;
}
.sf-menu a {
	padding: 5px 15px;
}
.sf-menu li {
	background: #333333;
}
.sf-menu li li {
        border-left: 10px solid #000;
        border-bottom: 2px solid #000;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline: 0;
	text-shadow: #FFFFFF 0px 0px 5px;
	text-decoration: none;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position: absolute;
	display: block;
	right:	.75em;
	top: 1.05em; /* IE6 only */
	width: 10px;
	height: 10px;
	text-indent: -999em;
	overflow: hidden;
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*********** web2py specific ***********/
div.flash {
    position: fixed;
    float: right;
    padding: 10px;
    top: 0px;
    right: 0px;
    opacity: 0.75;
    margin: 10px 10px 10px 10px;
    text-align: center;
    clear: both;
    color: #fff;
    font-size: 11pt;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background: black;
    border: 2px solid #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    z-index: 2;
}

div.error {
/*   -moz-border-radius: 5px;     */
/*    -webkit-border-radius: 5px; */
/*    border: 1px solid #666;     */
    background-color: red;
    color: white;
    padding: 3px;

}