/* Remove margin, padding and border from everything
-----------------------------------------------------------------------------*/
* { margin:0px; padding:0px; }
.clear { clear:both; }
.right { float: right; }
.left { float: left; }


img { vertical-align:bottom; }

/* Typography
-----------------------------------------------------------------------------*/
a { color:green; text-decoration:none; }
a:hover { text-decoration:underline; }
a img { border:0px; }
h1 { }
h2 { }
h3 { border-bottom: 1px solid #CCCCCC; font-size: 16px; margin: 5px 0px 15px 0px; padding-left: 5px; }
h4 { font-size: 13px; margin: 10px 0px; padding-left: 5px; border-bottom:1px solid #DDDDDD; }
h5 { }
p, q, cite { margin: 5px 10px; line-height: 150%; }
ul, ol, dl { margin: 10px; }
li, dd, dt { font-size:12px; line-height: 125%; margin: 10px 30px; }


/* Forms
-----------------------------------------------------------------------------*/
form { margin:0px; }
input { font-size: 11px; }

input[type="submit"], input[type="button"] { padding-left:10px; padding-right:10px; }

/*
input[type="submit"], input[type="button"] { height:20px; width:100px; cursor:pointer; background: url(../images/forms/button_bg.png) top left repeat-x; border:0px; }
input[type="submit"]:hover, input[type="button"]:hover { height:20px; width:100px; cursor:pointer; background: url(../images/forms/button_bg_in.png) top left repeat-x; border:0px; }
*/

input[type="text"], input[type="password"] { background: url(../images/forms/input_bg.png) bottom repeat-x; border: 1px solid #CCCCCC; padding:2px; }
input[type="radio"], input[type="checkbox"] {  }
textarea { background: url(../images/forms/input_bg.png) bottom repeat-x #FFFFFF; font-size:11px; border: 1px solid #CCCCCC; padding:5px; }
select { font-size:11px; border: 1px solid #CCCCCC; }


table td.table_body {
	font: normal 13px 'Segoe UI', Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

/* Layout
-----------------------------------------------------------------------------*/
table.layout { border-collapse:collapse; width:900px; margin:0px auto 0px auto; }
table.layout td.layout_banner { font-size: 18px; font-weight:bold; padding:5px; border: 1px solid #CCCCCC; background-color:GhostWhite; }
table.layout td.layout_content { width:700px; padding:10px; padding-bottom:20px; border: 1px solid #CCCCCC; vertical-align:top; }


/* Navigation - Top Menu
-----------------------------------------------------------------------------*/
table.layout td.layout_top_menu { border: 0px solid #CCCCCC; padding: 0px; }
table.layout td.layout_top_menu ul { margin:0px; padding:0px; }
table.layout td.layout_top_menu li { display:inline; padding:0px; margin:0px; }
table.layout td.layout_top_menu li a { text-decoration:none; color: #333333; background-color:#DDDDDD; padding:0px 10px; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; }
table.layout td.layout_top_menu li a:hover { background-color:#EEEEEE;  border-top: 1px solid #FFCC00; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; }
table.layout td.layout_top_menu li.active a { background-color:#FFFFCC;  border-top: 1px solid #FFCC00; border-bottom: 1px solid #FFCC00; border-left: 1px solid #FFCC00; border-right: 1px solid #FFCC00; }


/* Navigation - Left Menu
-----------------------------------------------------------------------------*/
table.layout td.layout_left_menu { width:200px; padding:10px; border: 1px solid #CCCCCC; background-color:GhostWhite; vertical-align:top; }
table.layout td.layout_left_menu div.vertical_menu {  }
table.layout td.layout_left_menu div.vertical_menu div { padding: 3px 5px;  border-bottom: 1px solid #EEEEEE; }
table.layout td.layout_left_menu div.vertical_menu div.active { background-color:#FFFFCC;  border: 1px solid #FFCC00; }
table.layout td.layout_left_menu div.vertical_menu {  }
table.layout td.layout_left_menu div.vertical_menu {  }
table.layout td.layout_left_menu div.vertical_menu {  }


/* Footer Menu
-----------------------------------------------------------------------------*/
table.layout td.layout_footer { border: 0px solid #CCCCCC; padding:10px; text-align:center; }
table.layout td.layout_footer li { display:inline; padding:0px; }
table.layout td.layout_footer li.active { display:inline; padding:0px; border: 1px solid #CCCCCC; background-color:#EEEEEE; }
table.layout td.layout_footer li a { font-size:12px; text-decoration:none; color: #333333; padding:0px 10px; margin-right: 0px; }
table.layout td.layout_footer li a:hover { background-color:#EEEEEE;  border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; }
table.layout td.layout_footer div.footer_menu { margin: 0px 5px 10px 5px; font-size:11px; font-weight:bold; text-align:center; }
table.layout td.layout_footer div.footer_menu a { font-size:10px; text-transform:uppercase; font-weight:normal; color:#666666; margin: 2px 10px; }
table.layout td.layout_footer div.footer_menu a:hover { color:#000000; }
table.layout td.layout_footer div.layout_copyright { margin-top:5px; font-size:11px; font-weight:bold; text-align:center; }


/* Pagination
-----------------------------------------------------------------------------*/
div.pagination { font-size: 12px; font-weight: bold; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
div.pagination a { font-size: 12px; font-weight: bold; }
div.pagination span { margin: 0px 1px; padding: 0px 1px; }
div.pagination span.current {  }
div.pagination_page { float:left; font-size:11px; font-style:italic; margin-left:5px; margin-bottom:1px; padding-left:10px; padding-right:10px; }
div.pagination_links { float:right; padding-left:5px; padding-right:5px; }


/* Grid Table
-----------------------------------------------------------------------------*/
table.grid { width:100%; border: 3px double #DDDDDD; margin:0px; border-collapse:collapse; }
table.grid th.heading { border:0px; border-bottom: 1px solid #CCCCCC; font-size:16px; font-weight:bold; background-color:GhostWhite; padding: 1px 5px; }
table.grid th.heading a { color:#333333; }
table.grid td.back_link { padding-left: 20px; padding-top:3px; border:1px solid #CCCCCC; }
table.grid td.back_link a { font-size: 11px; font-weight:bold; }
table.grid th { padding: 1px 5px; text-align:left; border: 1px solid #CCCCCC; background-color:#EEEEEE; font-size: 12px; white-space:nowrap; }
table.grid td { padding: 1px 5px; border-bottom: 1px solid #DDDDDD; }
table.grid td.odd { background-color:transparent; }
table.grid td.even { background:GhostWhite; }
table.grid td.pagination { font-size: 12px; font-weight: bold; padding: 0px 5px 2px 5px; }
table.grid td.pagination a { font-size: 12px; font-weight: bold; }
table.grid td.pagination span { margin: 0px 2px; }
table.grid td.buttons { background-color:#EEEEEE; text-align:left; border:0px; padding:10px; }
table.grid td.buttons input[type="submit"] {  }
table.grid td.buttons a { margin: 0px 10px; font-style:italic; }


/* Details Table
-----------------------------------------------------------------------------*/
table.details { width:100%; border: 3px double #DDDDDD; }
table.details th.heading { border:0px; border-bottom: 1px solid #CCCCCC; font-size:16px; font-weight:bold; background-color:GhostWhite; padding: 1px 5px; }
table.details th.heading a { color:#333333; }
table.details th.subheading { border: 1px solid #CCCCCC; background-color:#EEEEEE; padding: 1px 5px; text-align:left; }
table.details th { border-bottom: 1px dotted #CCCCCC; border-right: 1px dotted #CCCCCC; padding: 2px 5px; font-weight:normal; text-align:left; white-space:nowrap; }
table.details td.back_link { padding-left: 20px; padding-top:3px; border:1px solid #CCCCCC; }
table.details td.back_link a { font-size: 11px; font-weight:bold; }
table.details td { border-bottom: 1px dotted #CCCCCC; padding: 3px 5px; font-weight:normal; text-align:left; }


/* Form Table
-----------------------------------------------------------------------------*/
table.form { width:100%; border: 3px double #DDDDDD; margin:0px; border-collapse:collapse; }
table.form th.heading { width:100%; border:0px; border-bottom: 1px solid #CCCCCC; font-size:16px; font-weight:bold; background-color:GhostWhite; padding: 1px 5px; }
table.form th { font-weight:bold; font-size:12px; padding: 4px 5px; text-align:left; border:1px solid #DDDDDD; vertical-align:top; white-space:nowrap; }
table.form td { font-weight:normal; font-size:12px; padding:3px 3px; text-align:left; border:1px solid #DDDDDD; }
table.form th.required, table.form td.required { background: url(../images/icons/arrow-000-small.png) 0px 4px no-repeat; padding-left:15px;  }
table.form td.required_message, div.required_message { background: url(../images/icons/arrow-000-small.png) 0px 0px no-repeat; padding-left: 20px; font-size:12px; font-style:italic; font-weight:normal; color:blue; }
table.form td.buttons { background-color:#EEEEEE; text-align:left; border:0px; padding:10px; }
table.form td.buttons input[type="submit"] {  }
table.form td.buttons a { margin: 0px 10px; font-style:italic; }

.form_error { background:url(../images/icons/exclamation.png) 3px 1px no-repeat #FFFFCC; border:1px solid #FFCC00; padding:2px 5px 0px 25px; margin: 3px 0px; }


/* Login Form
-----------------------------------------------------------------------------*/
.login_form {  border-left: 1px solid #CCCCCC; background: url(../images/forms/login_bg.png) 1px 26px no-repeat; margin-top: 100px; margin-bottom: 100px; }
.login_form table th { background-color: transparent; border:0px solid; font-weight:bold; padding:3px; padding-right:10px; }
.login_form table td { padding:3px; }
.login_form div.login_heading { font-size:16pt; padding-left:5px; border-bottom: 1px solid #CCCCCC; background-color:#FFFFFF; }
.login_form td.buttons { border:0px solid; padding: 5px 0px 0px 0px; text-align:center; }
.login_form td.buttons a { font-style:italic; margin-left:10px; margin-right:10px; }


/* Other Style settings
-----------------------------------------------------------------------------*/
.messages { border: 1px solid #80FF80; background: url(../images/icons/balloon.png) 3px 3px no-repeat #E8FFE8; margin: 2px 2px 10px 2px; padding: 2px 5px 2px 22px; }
.small { font-size:10px; font-weight:normal; }
.hilight { border: 1px solid #FFCC00; background-color:#FFFF99; }


a.top_menu_anchor {
	font-family: Tahoma;
	font-size:14px;
	font-weight:bold;
	color: #FFFFFF;
}

/*-----------------------------------------------------------------------------*/
/* Layout SubHeader Styles
/*-----------------------------------------------------------------------------*/

/* Title
-----------------------------------------------------------------------------*/
div.adminheader_title { padding: 0px 5px; border-bottom: 1px solid #CCCCCC; font-size: 16px; font-weight:bold; }

/* Breadcrumbs
-----------------------------------------------------------------------------*/
div.adminheader_breadcrumbs { float:left; color:#666666; font-weight:normal; font-size:11px; font-style:italic; margin: 0px 10px 20px 0px; padding:0px 10px; border:0px; }
div.adminheader_breadcrumbs img { border: 0px; margin: 0px; }
div.adminheader_breadcrumbs span { color:#333333; font-weight:bold; font-size:11px; font-style:italic; margin: 0px 5px; }
div.adminheader_breadcrumbs a { font-size:11px; font-style:italic; margin: 0px 5px; }
div.adminheader_breadcrumbs a:hover {  }


/* Option Links
-----------------------------------------------------------------------------*/
div.adminheader_options { float:right; color:#666666; font-weight:normal; font-size:11px; font-style:italic; margin: 0px 0px 20px 10px; }
div.adminheader_options img { border: 0px; margin: 0px; }
div.adminheader_options span { color:#333333; font-weight:bold; font-size:11px; font-style:italic; margin: 0px 5px; }
div.adminheader_options a { font-size:11px; font-style:italic; margin: 0px 0px 0px 8px; padding:1px 10px; border:0px; }
div.adminheader_options a.active { border-bottom:1px solid #FFCC00; font-weight:bold; }
div.adminheader_options a:hover {  }

div.adminheader_options a.create { background: url(../images/subheader/create.png) top left no-repeat; padding-left:16px; }
div.adminheader_options a.delete { background: url(../images/subheader/delete.png) top left no-repeat; padding-left:16px; }
div.adminheader_options a.details { background: url(../images/subheader/details.png) top left no-repeat; padding-left:16px; }
div.adminheader_options a.list { background: url(../images/subheader/list.png) top left no-repeat; padding-left:16px; }
div.adminheader_options a.modify { background: url(../images/subheader/modify.png) top left no-repeat; padding-left:16px; }
div.adminheader_options a.view { background: url(../images/subheader/view.png) top left no-repeat; padding-left:16px; }

#dialog_link { padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
#dialog_link span.ui-icon { margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
ul#icons { margin: 0; padding: 0;}
ul#icons li { margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
ul#icons span.ui-icon { float: left; margin: 0 4px;}
.ui-accordion { font: 12px "Trebuchet MS", sans-serif; width: 100%; }
.ui-buttonset { font: 12px "Trebuchet MS", sans-serif; }