body.default 
{
	font-family: verdana;
	margin: 0px;
	height: 100%;
	margin-left: 0px;
	margin-right: 8px;
}

#container
{
	clear: left;
	float: left;
	width: 946px;
	border-style: solid; 
	border-width: 0px; 
	border-left: 0; 
	border-top: 0; 	
	margin-left: 0px;
	margin-right: inherit;
}

#header
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 1;
}

#header #left
{
	float: left;
	width: 120px;
	height: 103px;
	background-image: url('/img/header-left.gif');
	background-repeat: no-repeat;		
}

#header #menu
{
	float: left;
	width: 835px;
	height: 83px;
	background-image: url('/img/header-right.gif');
	background-repeat: no-repeat;

}

#header #menu div.menu_items
{
	padding-top: 61px;
}

#header #menu a
{
	font-family: verdana; 
	font-size: 14px; 
	font-weight: bold; 
	color: #FFFFFF; 
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
}

#header #menu a:hover, #header #menu a.current-page
{
	font-family: verdana; 
	font-size: 14px; 
	font-weight: bold; 
	color: #CCCCCC; 
	text-decoration: none;
}

#header #menu #submenu
{
	background-color: #DDDDDD;
	border-style: solid;
	border-width: 1px;
	border-color: #666666;
	border-top: 0px;
}

#header #menu #submenu a
{
	font-family: verdana; 
	font-size: 11px; 
	font-weight: bold; 
	color: #000000; 
	text-decoration: none;
	padding-left: 6px;
	padding-right: 6px;
}

#header #menu #submenu a:hover, #header #menu #submenu a.current-page
{
	color: #666666;
}

#left_sidebar
{
	width: 220px;
	border-style: solid;
	border-color: #CCCCCC;
	border-width: 1px;
	border-left: 0px;
	border-top: 0px;
	padding-left: 2px;
	padding-right: 3px;

}

#left_sidebar div.form_buttons
{
	margin-left: auto;
	margin-right: auto;
	width: 200px;
}

#left_sidebar p
{
	font-size: 11px;
}

#left_sidebar h1
{
	font-size: 14px;
}

#left_sidebar h2
{
	font-size: 12px;
	margin-top: 8px;
}

#left_sidebar form
{

}

#left_sidebar label
{
	width: 120px;
	text-align: left;
}

#left_sidebar fieldset
{
	padding-left: 0px;
	padding-right: 0px;
	width: 210px;
}

#left_sidebar label
{
	padding-left: 0px;
}

#left_sidebar input
{
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;	
	max-width: 200px;
}

#left_sidebar div.form_buttons input
{
	float: left;
	font-size: 10px;
	font-weight: bold;
	width: 100px;
	height: 28px;
	text-align: center;
	letter-spacing: 2px;
	background-color: #dddddd;
	border-style: outset;
	border-width: 2px;
	text-transform: uppercase;
}

#left_sidebar div
{
	padding-left: 2px;
	font-size: 10px;
}

div.login_actions
{
	margin-top: 6px;
}

div.login_actions a
{
	text-decoration: none;
	font-size: 9px;
}

#main_content
{
	top: 0px;
	width: 650px;
}

#main_content form
{
	margin-top: 10px;
}

#main_content #dynamic_content
{
	margin-top: 10px;
	padding-left: 10px;
	font-size: 11px;
	margin-bottom: 10px;
}

#main_content h1
{
	margin: 0px;
	font-weight: bold;
	font-size: 13px;
}

#main_content p
{
	font-size: 12px;
}

div.footer
{
	position: relative;
	clear: both;
	margin-top: 60px;
}

ul.menu
{
	margin: 0px; margin-bottom: 25px; padding: 0px; list-style-type: none;
}

ul.menu li
{
	padding-left: 3px; 
	padding-right: 3px; 
	margin-left: 5px; 
	margin-right: 5px;
	margin-bottom: 6px;
	font-size: 12px;
}

ul.menu li:hover
{
	background-color: #CCCCCC; 
}

.management_item
{
	background-color: #CCCCCC; 
	border-style: solid; 
	border-color: #666666; 
	border-width: 1px; 
	width: 96%; 
	height: 18px; 
	padding: 4px; 
}

.management_item h3
{
    margin: 0px;
    font-size: 13px;
}


.management_item_list
{
	position: relative;
	padding-top: 6px;
	padding-bottom: 8px;
	padding-left: 4px;
	border-style: solid; 
	border-color: #666666;
	border-width: 1px;
	border-top: 0px;
	font-size: 11px;
	margin-bottom: 15px;
	width: 94%; 	
}

.management_item_list ul
{
    margin: 0px;    
    padding-left: 4px;
}

.management_item_list ul li
{
    list-style-type: none;
}

.management_item_list div.grouping_list
{
	display: block;
	clear: both;
}

.management_item_list div.pick_list
{
	padding-left: 20px;
	font-size: 10px;
	clear: both;
}

.management_item_list div.pick_list div
{
	float: left;
	width: 200px;
	margin-top: 2px;
	background-color: #EEEEEE;
	border-style: solid;
	border-color: #666666;
	border-width: 1px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
}

#right_sidebar
{
	position: relative;
	float: right;
}

br.clearfloat 
{
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
	margin-bottom: 10px;
}

span.contact 
{
	font-family: verdana; 
	font-size: 12px; 
	color: #336699
}



/* form edit */


label
{
	font-size: 11px;
    width:125px;
    line-height:19px;
    padding-left:5px;
    margin:5px;
    float:left;
    color:#003;
	text-align: right;
}

span.optional
{
	font-size: 9px;
}

input
{
    height:18px;
    margin:5px;
    border: 1px solid #000;
	padding-left: 2px;
	padding-right: 2px;
    font-size:11px;
    text-align:left;
    float:left;	
}

select
{
	font-size: 11px;	
	padding-left: 4px;
	padding-right: 2px;

}

select.new_line
{
	float: right;
}

div.form_buttons
{
	margin-left: auto;
	margin-right: auto;
	width: 400px;
}

div.form_buttons input
{
	float: left;
	font-size: 11px;
	font-weight: bold;
	width: 270px;
	height: 28px;
	text-align: center;
	letter-spacing: 2px;
	background-color: #dddddd;
	border-style: outset;
	border-width: 2px;
	text-transform: uppercase;
}

br
{
	clear: left;
}

legend
{
	font-size: 11px;
	background-color: #dddddd;
	border: #26a solid 1px;
	padding: 1px 10px;
}


	/* ADMIN */
	
	body.admin
	{
	    font-family: Arial, helvetica;
	    font-size: 11px;
	}	
	
	body.admin h1
	{
	    font-size: 14px;
	    font-weight: bold;
	    font-family: Arial, helvetica;
	}
		
	body.admin h2
	{
	    font-size: 12px;
	    font-weight: bold;
	    font-family: Arial, helvetica;
	}
	
	div.form_field
	{
        font-size: 11px;
        font-family: Arial, helvetica;	    
	    position: relative;
	    float: left;
	    clear: both;
	}
	
	div.form_field label
	{
        float: left;
        width: 140px;
        text-align: right;
        padding-right: 4px;
	}
	
	div.form_field div.rte
	{
	    position: static;
	    float: left;
	}
	
	div.form_field div.photo
	{
	    position: static;
	    float: right;
	    padding-left: 10px;
	    padding-bottom: 4px;
	}
	
	div.form_field div.form_under
	{
	    text-align: right;
	}
	
	div.form_buttons
	{
	    clear: both;
	    float: left;	    
	}
	
	div.form_buttons input
	{
        font-size: 12px;
        font-family: Arial, helvetica;	
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 1.1px;
        padding-left: 10px;
        padding-right: 10px;
	}
	
	select.selection_list
	{
	    width: 200px;
	}
	
	div.selection_list_left
	{
        float: left;
	}
	
	div.selection_list_buttons
	{
        float: left;
	}
	
	div.selection_list_right
	{
        float: left;
	}	
	
	div.multi_file_upload
	{
	
	}
	
	div.multi_file_upload input.upload
	{
	
	}	
	
	/* modal window */
    	
    div.whiteOverlay { background: url(inc/jqmBG.gif) white; }
    div.jqDrag {}

    /* jqmModal dialog CSS courtesy of;
      Brice Burgess <bhb@iceburg.net> */

    div.jqmDialog {
      display: none;
        
        position: fixed;
        top: 17%;
        left: 30%;
        
        margin-left: -200px;
        width: 80%;

      overflow: hidden;
      font-family:verdana,tahoma,helvetica;
    }

    /* Fixed posistioning emulation for IE6
         Star selector used to hide definition from browsers other than IE6
         For valid CSS, use a conditional include instead */
    * html div.jqmDialog {
         position: absolute;
         top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
    }


    /* [[[ Title / Top Classes ]]] */
    div.jqmdTC { 
      background: #d5ff84 url(sprite.gif) repeat-x 0px -82px; 
      color: #528c00;
      padding: 7px 22px 5px 5px;
      font-family:"sans serif",verdana,tahoma,helvetica;
      font-weight: bold;
      * zoom: 1;
    }
    div.jqmdTL { background:  url(sprite.gif) no-repeat 0px -41px; padding-left: 3px;}
    div.jqmdTR { background: url(sprite.gif) no-repeat right 0px; padding-right: 3px; * zoom: 1;}


    /* [[[ Body / Message Classes ]]] */
    div.jqmdBC {
      background: url(bc.gif) repeat-x center bottom;
      padding: 7px 7px 7px;
      height: 340px;
      overflow: auto;
    }
    div.jqmdBL { background: url(bl.gif) no-repeat left bottom; padding-left: 7px; }
    div.jqmdBR { background: url(br.gif) no-repeat right bottom; padding-right: 7px; * zoom: 1 }

    div.jqmdMSG { color: #317895; }


    /* [[[ Button classes ]]] */
    input.jqmdX {
      position: absolute;
      right: 7px;
      top: 4px;
      padding: 0 0 0 19px;
      height: 19px;
      width: 0px;
      background: url(close.gif) no-repeat top left;
      overflow: hidden;
    }
    input.jqmdXFocus {background-position: bottom left; outline: none;}

    div.jqmdBC button, div.jqmdBC input[type="submit"] {
      margin: 8px 10px 4px 10px;
      color: #777;
      background-color: #fff;
      cursor: pointer;
    }

    div.jqmDialog input:focus, div.jqmDialog input.iefocus { background-color: #eaffc3; }



	
    /* photo tabs */
    
    /* Caution! Ensure accessibility in print and other media types... */

    @media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
        .ui-tabs-hide {
            display: none;
        }
    }

    /* Hide useless elements in print layouts... */
    @media print {
        .ui-tabs-nav {
            display: none;
        }
    }

    /* Skin */
    .ui-tabs-nav, .ui-tabs-panel {
        font-family: Verdana, Helvetica, Arial, sans-serif;
        font-size: 12px;
    }
    .ui-tabs-nav {
        list-style: none;
        margin: 0;
        margin-left: 20px;
        padding: 0 0 0 0px;
        text-align: center;
    }
    .ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
        display: block;
        clear: both;
        content: " ";
    }
    .ui-tabs-nav li {
        float: left;
        padding: 0px;
        margin: 0px;
        font-weight: bold;
    }
    .ui-tabs-nav a, .ui-tabs-nav a span {
        float: left; /* fixes dir=ltr problem and other quirks IE */
        padding: 0 12px;
    }
    .ui-tabs-nav a {
        margin: 0px; /* position: relative makes opacity fail for disabled tab in IE */
        padding-left: 0;
        text-decoration: none;
        white-space: nowrap; /* @ IE 6 */
        outline: 0; /* @ Firefox, prevent dotted border after click */    
    }
    .ui-tabs-nav a:link, .ui-tabs-nav a:visited {
        color: #000;
    }
    .ui-tabs-nav .ui-tabs-selected a {
        position: relative;
        top: 0px;
        z-index: 2;
        margin-top: 0;
    }
    .ui-tabs-nav a span {
        color: #999999;
        padding: 0px;
        height: 16px;
        line-height: 16px;
    }
    .ui-tabs-nav .ui-tabs-selected a span {
        padding: 0;
        color: #000000;
        height: 16px;
        line-height: 16px;
    }
    .ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
    .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
        cursor: text;
    }
    .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
    .ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
        cursor: pointer;
    }
    .ui-tabs-disabled {
        opacity: .4;
        filter: alpha(opacity=40);
    }
    .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
        color: #000;
    }
    .ui-tabs-panel {
        margin-left: 10px;
        background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
    }
    /*.ui-tabs-loading em {
        padding: 0 0 0 0px;
        background: url(loading.gif) no-repeat 0 50%;
    }*/

    /* Additional IE specific bug fixes... */
    * html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
        display: inline-block;
    }
    *:first-child+html .ui-tabs-nav  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
        display: inline-block;
    }
    
    		
		
	/* tables */
	table.tablesorter {
	    font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		width: 100%;
		background-color: #999999;
		border: 1px solid #666666;
		font-size: 10px;
	}
	table.tablesorter th {
		text-align: left;
		padding: 3px;
		background-color: #6E6E6E;
	}
	table.tablesorter td {
		color: #000000;
		padding: 5px;
	}
	table.tablesorter .even {
		background-color: #CCCCCC;
	}
	table.tablesorter .odd {
		background-color: #EEEEEE;
	}
	table.tablesorter .header {
		background-image: url(bg.png);
		background-repeat: no-repeat;
		border-left: 1px solid #FFF;
		border-right: 1px solid #666666;
		border-top: 1px solid #FFF;
		padding-left: 20px;
		padding-top: 8px;
		height: auto;
	}
	table.tablesorter .headerSortUp {
		background-image: url(asc.png);
		background-repeat: no-repeat;
	}
	table.tablesorter .headerSortDown {
		background-image: url(desc.png);
		background-repeat: no-repeat;
	}
	
	table.tablesorter td.action_add
	{
		background-color: #eeeeee;
		text-align: center;
		width: 200px;
	}
	
	table.tablesorter td.action_edit
	{
		background-color: #eeeeee;
		text-align: center;
		width: 100px;
	}
	
	table.tablesorter td.action_delete
	{
		background-color: #eeeeee;
		text-align: center;
		width: 100px
	}
	
	table.tablesorter td a
	{
		font-weight: bold;
		text-decoration: none;
		text-transform: uppercase;
		letter-spacing: 1.5px;
	}	
	
	/* Calendar */
	
    /* The main calendar widget.  DIV containing a table. */

    .calendar {
      position: fixed;
      top: 100px;
      left: 150px;
      display: none;
      border: 1px solid;
      border-color: #fff #000 #000 #fff;
      font-size: 11px;
      cursor: default;
      background: Window;
      color: WindowText;
      font-family: tahoma,verdana,sans-serif;
    }

    .calendar table {
      border: 1px solid;
      border-color: #fff #000 #000 #fff;
      font-size: 11px;
      cursor: default;
      background: Window;
      color: WindowText;
      font-family: tahoma,verdana,sans-serif;
    }

    /* Header part -- contains navigation buttons and day names. */

    .calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
      text-align: center;
      padding: 1px;
      border: 1px solid;
      border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
      background: ButtonFace;
    }

    .calendar .nav {
      background: ButtonFace url(menuarrow.gif) no-repeat 100% 100%;
    }

    .calendar thead .title { /* This holds the current "month, year" */
      font-weight: bold;
      padding: 1px;
      border: 1px solid #000;
      background: ActiveCaption;
      color: CaptionText;
      text-align: center;
    }

    .calendar thead .headrow { /* Row <TR> containing navigation buttons */
    }

    .calendar thead .daynames { /* Row <TR> containing the day names */
    }

    .calendar thead .name { /* Cells <TD> containing the day names */
      border-bottom: 1px solid ButtonShadow;
      padding: 2px;
      text-align: center;
      background: ButtonFace;
      color: ButtonText;
    }

    .calendar thead .weekend { /* How a weekend day name shows in header */
      color: #f00;
    }

    .calendar thead .hilite { /* How do the buttons in header appear when hover */
      border: 2px solid;
      padding: 0px;
      border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
    }

    .calendar thead .active { /* Active (pressed) buttons in header */
      border-width: 1px;
      padding: 2px 0px 0px 2px;
      border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
    }

    /* The body part -- contains all the days in month. */

    .calendar tbody .day { /* Cells <TD> containing month days dates */
      width: 2em;
      text-align: right;
      padding: 2px 4px 2px 2px;
    }
    .calendar tbody .day.othermonth {
      font-size: 80%;
      color: #aaa;
    }
    .calendar tbody .day.othermonth.oweekend {
      color: #faa;
    }

    .calendar table .wn {
      padding: 2px 3px 2px 2px;
      border-right: 1px solid ButtonShadow;
      background: ButtonFace;
      color: ButtonText;
    }

    .calendar tbody .rowhilite td {
      background: Highlight;
      color: HighlightText;
    }

    .calendar tbody td.hilite { /* Hovered cells <TD> */
      padding: 1px 3px 1px 1px;
      border-top: 1px solid #fff;
      border-right: 1px solid #000;
      border-bottom: 1px solid #000;
      border-left: 1px solid #fff;
    }

    .calendar tbody td.active { /* Active (pressed) cells <TD> */
      padding: 2px 2px 0px 2px;
      border: 1px solid;
      border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
    }

    .calendar tbody td.selected { /* Cell showing selected date */
      font-weight: bold;
      border: 1px solid;
      border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
      padding: 2px 2px 0px 2px;
      background: ButtonFace;
      color: ButtonText;
    }

    .calendar tbody td.weekend { /* Cells showing weekend days */
      color: #f00;
    }

    .calendar tbody td.today { /* Cell showing today date */
      font-weight: bold;
      color: #00f;
    }

    .calendar tbody td.disabled { color: GrayText; }

    .calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
      visibility: hidden;
    }

    .calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
      display: none;
    }

    /* The footer part -- status bar and "Close" button */

    .calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
    }

    .calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
      background: ButtonFace;
      padding: 1px;
      border: 1px solid;
      border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
      color: ButtonText;
      text-align: center;
    }

    .calendar tfoot .hilite { /* Hover style for buttons in footer */
      border-top: 1px solid #fff;
      border-right: 1px solid #000;
      border-bottom: 1px solid #000;
      border-left: 1px solid #fff;
      padding: 1px;
      background: #e4e0d8;
    }

    .calendar tfoot .active { /* Active (pressed) style for buttons in footer */
      padding: 2px 0px 0px 2px;
      border-top: 1px solid #000;
      border-right: 1px solid #fff;
      border-bottom: 1px solid #fff;
      border-left: 1px solid #000;
    }

    /* Combo boxes (menus that display months/years for direct selection) */

    .calendar .combo {
      position: absolute;
      display: none;
      width: 4em;
      top: 0px;
      left: 0px;
      cursor: default;
      border: 1px solid;
      border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
      background: Menu;
      color: MenuText;
      font-size: 90%;
      padding: 1px;
      z-index: 100;
    }

    .calendar .combo .label,
    .calendar .combo .label-IEfix {
      text-align: center;
      padding: 1px;
    }

    .calendar .combo .label-IEfix {
      width: 4em;
    }

    .calendar .combo .active {
      padding: 0px;
      border: 1px solid #000;
    }

    .calendar .combo .hilite {
      background: Highlight;
      color: HighlightText;
    }

    .calendar td.time {
      border-top: 1px solid ButtonShadow;
      padding: 1px 0px;
      text-align: center;
      background-color: ButtonFace;
    }

    .calendar td.time .hour,
    .calendar td.time .minute,
    .calendar td.time .ampm {
      padding: 0px 3px 0px 4px;
      border: 1px solid #889;
      font-weight: bold;
      background-color: Menu;
    }

    .calendar td.time .ampm {
      text-align: center;
    }

    .calendar td.time .colon {
      padding: 0px 2px 0px 3px;
      font-weight: bold;
    }

    .calendar td.time span.hilite {
      border-color: #000;
      background-color: Highlight;
      color: HighlightText;
    }

    .calendar td.time span.active {
      border-color: #f00;
      background-color: #000;
      color: #0f0;
    }