/*
main color
#FFFFFF - background
#004090 - text color
#0060A0 - link color
#0080D0 - link hover color
#0070B0 - object name color
#80A1FF - border light, line, calender border & background, menu admin background
#6081FF - border dark, menu admin border
gray
#909090 - text color
#CCCCCC - border light
#808080 - border dark
input
#003080 - color
#B0B0B0 - border
#F8F8F8 - background
grid
#A0A0A0 - border
#B0D0FF - head background
#FEFEFE - row1 background
#E0F0FF - row2 background
#F0F8FF - row2 background light
admin menu
#B0D0FF - link hover background
admin tab
#505050 - color
#404040 - selected color
#E0E0E0 - background
#CBCBCB - selected background
#CBCBCB - border
#FBFBFB	- background
*/

/*DEFAULT*/
body {
	font:normal 13px Verdana,Arial,Tahoma,Sans-Serif;
	color:#004090;
	background-color:#FFFFFF;
	text-align:left;
	vertical-align:top;
	border:0px #CCCCCC solid;
	width:100%;
	margin:0px auto;
	padding:0px;
}

h1, h2 { font:normal 13px Verdana,Arial,Tahoma,Sans-Serif; display:inline; margin:0px; }

a {
	color:#0060A0;
	text-align:left;
	vertical-align:top;
	text-decoration:none;
}

a:hover {
	color:#0080D0;
	text-decoration:none;
}


/*TABLE*/
table {
	font:normal 13px Verdana,Arial,Tahoma,Sans-Serif;
}

td {
	color:#004090;
	text-align:left;
	vertical-align:top;
	border:0px #CCCCCC solid;
	padding:0px;
}

td a {
	color:#0060A0;
	text-align:left;
	vertical-align:top;
	text-decoration:none;
}

td a:hover {
	color:#0080D0;
	text-decoration:none;
}


/*OTHER*/
form, fieldset {
	margin:0px;
	padding:0px;
	vertical-align:top;
	border:0px;
}
input, select, textarea {
	margin:0px;
	padding:0px;
	vertical-align:top;
	font-size:13px;
	color:#003080;
}
input.input, input.button, select, textarea {
	background-color:#F8F8F8;
	border:1px #B0B0B0 solid;
}
input.input { height:18px; padding:0px 1px; }
input.button { height:20px; padding:0px 5px; width:auto; overflow:visible; }
select.select { height:20px; }

:focus { outline:0; }
img { border:0px; }
img.transparent { width:0px; height:100%; vertical-align:middle; }
.readonly { opacity:0.5; filter:alpha(opacity=50); }

.mrb5 { margin-bottom:5px !important; }
.mrb10 { margin-bottom:10px !important; }
.mrb15 { margin-bottom:15px !important; }
.mrb20 { margin-bottom:20px !important; }
.mrt5 { margin-top:5px !important; }
.mrt10 { margin-top:10px !important; }
.mrt15 { margin-top:15px !important; }
.mrt20 { margin-top:20px !important; }
.sep5 { height:5px; overflow:hidden; }
.sep10 { height:10px; overflow:hidden; }
.sep15 { height:15px; overflow:hidden; }
.sep20 { height:20px; overflow:hidden; }
.line5 { height:2px; overflow:hidden; margin-bottom:3px; border-bottom:1px #80A1FF solid; }
.line10 { height:5px; overflow:hidden; margin-bottom:5px; border-bottom:1px #80A1FF solid; }
.line15 { height:7px; overflow:hidden; margin-bottom:8px; border-bottom:1px #80A1FF solid; }
.line20 { height:10px; overflow:hidden; margin-bottom:10px; border-bottom:1px #80A1FF solid; }
.line25 { height:12px; overflow:hidden; margin-bottom:13px; border-bottom:1px #80A1FF solid; }
.line30 { height:15px; overflow:hidden; margin-bottom:15px; border-bottom:1px #80A1FF solid; }

.float_left { float:left !important; }
.float_right { float:right !important; }
.clear_left { clear:left !important; }
.clear_right { clear:right !important; }
.clear_both { clear:both !important; }
.display_block { display:block !important; }
.display_inline { display:inline !important; }
.display_none { display:none !important; }
.position_static { position:static !important; }
.position_absolute { position:absolute !important; }
.position_relative { position:relative !important; }
.position_fixed { position:fixed !important; }

.wdt0 { width:0px !important; }
.wdt100 { width:100% !important; }
.wdt75 { width:75% !important; }
.wdt66 { width:66% !important; }
.wdt50 { width:50% !important; }
.wdt33 { width:33% !important; }
.wdt25 { width:25% !important; }
.wdt1_1 { width:100% !important; }
.wdt1_2 { width:50% !important; }
.wdt1_3 { width:33% !important; }
.wdt1_4 { width:25% !important; }
.wdt1_5 { width:20% !important; }

.center { margin:auto !important; }
.bottom { vertical-align:bottom !important; }
.middle { vertical-align:middle !important; }
.top { vertical-align:top !important; }
.text_center { text-align:center !important; }
.text_left { text-align:left !important; }
.text_right { text-align:right !important; }
.text_justify { text-align:justify !important; }
.text_bold { font-weight:bold !important; }
.text_underline { text-decoration:underline !important; }

.color_text { color:#004090 !important; }
.color_link { color:#0060A0 !important; }
.color_link_active { color:#0080D0 !important; }

.font_size1d { font-size:12px !important; }
.font_size2d { font-size:9px !important; }
.font_size1u { font-size:14px !important; }
.font_size2u { font-size:15px !important; }


/*PAGE*/
div.page {
	margin:0px auto;
	border:0px #CCCCCC solid;
	text-align:left;
	overflow:hidden;
}

div.page_top {
	margin:0px auto;
	border:0px #CCCCCC solid;
	text-align:left;
	overflow:hidden;
}

div.page_main {
	margin:10px 2%;
	border:0px #CCCCCC solid;
}

div.page_bottom {
	margin:30px auto;
	font-size:10px;
	text-align:center;
	vertical-align:top;
}

div.page_shadow, iframe.page_shadow, div.page_shadow_shadow {
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
}

div.page_shadow {
	z-index:10;
	display:none;
}

div.page_shadow_shadow {
	opacity:0.5;
	filter:alpha(opacity=50);
	background-color:#000;
	z-index:-1;
}

iframe.page_shadow {
	z-index:-2;
	opacity:0;
	filter:alpha(opacity=0);
}

a.page_shadow_close {
	font-size:12px;
	font-weight:bold;
	float:right;
	color:#555;
	background:#DDD url(../img/delete2.gif) no-repeat 3px center;
	border:1px #555 solid;
	display:block;
	height:16px;
	padding:3px 4px 3px 20px;
}
a.page_shadow_close:hover {
	color:#777;
}

.page_swf {
	background:#000 url(../img/player_flash.png) no-repeat center center;
	cursor:pointer;
	clear:both;
}


/*BOX*/
.page_box_main { }
.page_box_main1 { float:left; width:100%; } /* width dividable into 2,3,4 */
.page_box_main2 { float:left; width:0%; height:600px; }
.page_box_main3 { clear:left; }
.page_box_main_header { font-size:17px !important; font-weight:bold; margin-bottom:20px; display:block; }

.page_box_info, .page_box_warning, .page_box_error { font-size:13px !important; text-align:left; padding:0px 5px 5px 5px; margin:0px 0px 10px 0px; overflow:hidden; }
.page_box_info { color:#008000; border:1px #30B030 solid; background:url(../img/page_box_info.jpg) repeat-x; }
.page_box_warning { color:#808000; border:1px #B0B030 solid; background:url(../img/page_box_warning.jpg) repeat-x; }
.page_box_error { color:#800000; border:1px #B03030 solid; background:url(../img/page_box_error.jpg) repeat-x; }
.page_box_info div, .page_box_warning div, .page_box_error div { font-weight:bold; margin-bottom:5px; line-height:20px; vertical-align:middle; }


/*LIB FORM*/
.lib_form_tab_left, .lib_form_tab_center, .lib_form_tab_right { border-collapse:collapse; border-spacing:0; }
.lib_form_tab_center { margin:0px auto !important; }
.lib_form_tab_right { margin:0px 0px 0px auto !important; }
.lib_form_tab_center .lib_form_col { text-align:center; }
.lib_form_tab_right .lib_form_col {	text-align:right; }
.lib_form_col {	padding:5px; }
.lib_form_col1 { padding:5px; }
.lib_form_col2 { padding:5px; }
.lib_form_col_error { padding:5px 5px 0px 5px; color:#FF0000; }
.lib_form_col_required { padding:3px 5px; color:#909090; }
.lib_form_required { color:#FF0000; }
.lib_form_small { }
.lib_form_col a, .lib_form_col1 a, .lib_form_col2 a { }
.lib_form_col a:hover, .lib_form_col1 a:hover, .lib_form_col2 a:hover { }
.lib_form_tab_left select, .lib_form_tab_center select, .lib_form_tab_right select { width:145px; }


/*LIB GRID*/
.lib_grid_tab { border-collapse:collapse; border-spacing:0;	table-layout:fixed; width:100%;	}
.lib_grid_col_head { font-weight:bold; color:#004090; background-color:#B0D0FF; text-align:center; vertical-align:middle; border:1px #A0A0A0 solid; padding:5px; overflow:hidden; }
.lib_grid_col_head a { }
.lib_grid_col_head a:hover { }
.lib_grid_row1 { background-color:#FEFEFE; }
.lib_grid_row2 { background-color:#E0F0FF; }
.lib_grid_col_left, .lib_grid_col_center, .lib_grid_col_right { border:1px #A0A0A0 solid; padding:5px; overflow:hidden; }
.lib_grid_col_left { text-align:left; }
.lib_grid_col_center { text-align:center; }
.lib_grid_col_right { text-align:right; }
.lib_grid_col_left a, .lib_grid_col_center a, .lib_grid_col_right a { }
.lib_grid_col_left a:hover, .lib_grid_col_center a:hover, .lib_grid_col_right a:hover { }
.lib_grid_col_actions { padding:0px; vertical-align:middle; }
.lib_grid_actions { margin-top:5px; }


/*LIB PAGE*/
.lib_page_div { text-align:right; vertical-align:middle; padding:5px; }
.lib_page_div span { font-weight:bold; }
.lib_page_div a { }
.lib_page_div a:hover { }


/*LIB CALENDAR*/
.lib_cal_box { border:1px #80A1FF solid; font-family:arial; font-size:11px; border-collapse:collapse; border-spacing:0; background-color:#FFFFFF; }
.lib_cal_head_tab { border-collapse:collapse; border-spacing:0; width:100%; }
.lib_cal_head { background-color:#80A1FF; color:#FAFAFA; padding:3px; font-family:arial; font-size:11px; }
.lib_cal_main { padding:5px; background-color:#FFFFFF; }
.lib_cal_today { background-color:#F0F8FF; padding:5px; text-align:center; }
.lib_cal_days { text-align:right; }
.lib_cal_day_month { text-align:right; }
.lib_cal_select_btn { border:1px #CCCCCC solid; cursor:pointer; }
.lib_cal_select_list { border:1px #CCCCCC solid; background-color:#FFFFDD; font-family:arial; font-size:11px; }
.lib_cal_select_list_txt { cursor:pointer; color:#000066; }
.lib_cal_weeks { background-color:#DADADA; padding:0px; }


/*LIB JQUERY BIGPICTURE*/
#lib_jquery_bigpicture { margin: 0 auto; padding: 0; }
#lib_jquery_bigpicture .bp-main { margin: 0 auto; padding: 0; overflow: hidden; position: relative; display: block; }
#lib_jquery_bigpicture .bp-view { margin: 0; padding: 0; overflow: hidden; }
#lib_jquery_bigpicture .bp-view img { margin: 0; padding: 0; display: block; border: none; }
#lib_jquery_bigpicture .bp-view .bp-nav { margin: 0; padding: 0; position: absolute; top: 0; z-index: 10001; display: none; background-color: transparent; }
#lib_jquery_bigpicture .bp-view .bp-prev-link { left: 0; }
#lib_jquery_bigpicture .bp-view .bp-next-link { right: 0; }
#lib_jquery_bigpicture .bp-view .bp-nav a { display: block; text-decoration: none; }
#lib_jquery_bigpicture .bp-view .bp-info-wrap { margin: 0; padding: 0; position: absolute; top: 0; left: 0; width: 100%; z-index: 10003; display: none; }
#lib_jquery_bigpicture .bp-view .bp-info-wrap .bp-info { margin: 0; background-color: transparent; }
#lib_jquery_bigpicture .bp-bbar { margin: 0; position: absolute; left: 0; z-index: 10004; width: 100%; display: none; }
#lib_jquery_bigpicture .bp-bbar .bp-info-link { float: left; }
#lib_jquery_bigpicture .bp-bbar .bp-hide-link { float: right; }
.bp-clear { clear: both; visibility: hidden; height: 0px; background-color: transparent; border: none; }
#lib_jquery_bigpicture .bp-main { background: #F6F6F6 none; border: 10px #F6F6F6 solid; }
#lib_jquery_bigpicture .loading { background: #FFF url(../img/loader.gif) no-repeat center center; }
#lib_jquery_bigpicture .bp-prev-link a, #lib_jquery_bigpicture .bp-prev-link a:hover { opacity:0.7; filter:alpha(opacity=70); background: transparent url(../img/gallery_prev.gif) no-repeat left center; }
#lib_jquery_bigpicture .bp-next-link a, #lib_jquery_bigpicture .bp-next-link a:hover { opacity:0.7; filter:alpha(opacity=70); background: transparent url(../img/gallery_next.gif) no-repeat right center; }
#lib_jquery_bigpicture .bp-prev-link a:hover, #lib_jquery_bigpicture .bp-next-link a:hover { opacity:1; filter:alpha(opacity=100); }
#lib_jquery_bigpicture .bp-bbar { padding-top: 6px; background-color: #F6F6F6; }
#lib_jquery_bigpicture .bp-bbar a { color: #555; text-decoration: none; }
#lib_jquery_bigpicture .bp-bbar a:hover { color: #777; }
#lib_jquery_bigpicture .bp-info-link span { color: #555; font-size: 12px; font-weight: bold; }
#lib_jquery_bigpicture .bp-hide-link a { background: transparent url(../img/delete2.gif) no-repeat; padding-left: 17px; font-weight: bold; font-size: 12px; }
#lib_jquery_bigpicture .bp-bbar .bp-clear { background-color: #F6F6F6; }


/*MENU*/
.menu_main1, .menu_main1o, .menu_main1s {
	padding:15px 0px 0px 5px;
	height:20px;
	background:url(../img/page_top21.gif) no-repeat 5px 32px;
}
.menu_main1 a, .menu_main1o a, .menu_main1s a {
	font-size:13px;
	padding:0px 0px 0px 5px;
}
.menu_main1s {
}
.menu_main1s a {
	font-weight:bold;
}

.menu_main2, .menu_main2o, .menu_main2s {
	padding:10px 0px 0px 0px;
}
.menu_main2 a, .menu_main2o a, .menu_main2s a {
	margin-left:20px;
	font-size:10px;
}
.menu_main2s {
	padding:10px 0px 0px 0px;
}
.menu_main2s a {
	font-weight:bold;
}

.menu_main3, .menu_main3o, .menu_main3s {
	padding:10px 0px 0px 0px;
}
.menu_main3 a, .menu_main3o a, .menu_main3s a {
	margin-left:30px;
	font-size:10px;
}
.menu_main3s {
}
.menu_main3s a {
	font-weight:bold;
}


/*LIB TAB*/
.lib_tab {}

.lib_tab a {
	display:block;
	margin-left:5px;
	padding:5px 10px;
	background-color:#E0E0E0;
	color:#505050;
	font-weight:bold;
	float:left;
}

.lib_tab a:hover, .lib_tab a.selected {
	color:#404040;
	background-color:#CBCBCB;
}

#lib_tab1, #lib_tab2, #lib_tab3, #lib_tab4, #lib_tab5, #lib_tab6, #lib_tab7, #lib_tab8, #lib_tab9, #lib_tab10 {
	border:1px solid #CBCBCB;
	background-color:#FBFBFB;
	padding:5px;
	display:none;
}


/*LIB MENU ADMIN*/
.lib_menu_div {
	background-color:#80A1FF;
	width:100%;
}

.ThemeGrayMenu,.ThemeGraySubMenuTable
{
	font-family:Tahoma;
	font-weight:bold;
	font-size:11px;
	color:white;
	background-color:#FFFFFF;
	cursor:default;
	cursor:hand !important;
	white-space:nowrap;
}

.ThemeGraySubMenu
{
	position:absolute;
	display:block;
	visibility:hidden;
	overflow:hidden;
	border:1px solid #6081FF;
	background-color:transparent;
}

.ThemeGraySubMenuTable
{
	border-collapse:separate;
	opacity:0.9;
}

.ThemeGrayMenuItem,.ThemeGrayMenuItemHover,.ThemeGrayMenuItemActive
{
	cursor:default;
	cursor:hand !important;
	white-space:nowrap;
}

.ThemeGrayMainItem,
.ThemeGrayMenuItem
{
	padding:4px 10px 4px 10px;
	border:0px solid #FFFFFF;
	background-color:#80A1FF;
}

.ThemeGrayMainItemHover,
.ThemeGrayMainItemActive
{
	padding:4px 10px 4px 10px;
	background-color:#B0D0FF;
}

.ThemeGrayMenuItemHover,
.ThemeGrayMenuItemActive
{
	padding:5px;
	border:0px solid #FFFFFF;
	background-color:#B0D0FF;
}

/* horizontal main menu sub components */
/* panel doesn't really support horizontal menus */
/* there are simpler approaches, but the setting here allows me to
   set a background image for the menu without lines all over it */
.ThemeGrayMainFolderLeft,
.ThemeGrayMainItemLeft,
.ThemeGrayMainFolderText,
.ThemeGrayMainItemText,
.ThemeGrayMainItemRight,
.ThemeGrayMainFolderRight
{
	border:0;
	background-color:inherit;
	white-space:nowrap;
}

/* sub menus sub components */
.ThemeGrayMenuFolderLeft,
.ThemeGrayMenuItemLeft
{
	padding:3px 0px 3px 3px;
	border:0;
	white-space:nowrap;
	background-color:#80A1FF;
}

.ThemeGrayMenuFolderText,
.ThemeGrayMenuItemText
{
	padding:3px 3px 3px 5px;

	border:0;
	white-space:nowrap;
	background-color:#80A1FF;
}

.ThemeGrayMenuItemRight,
.ThemeGrayMenuFolderRight
{
	padding:3px 1px 3px 0px;

	border:0;
	white-space:nowrap;
	background-color:#80A1FF;
}

/* hoover and active border */
.ThemeGrayMenuItemHover .ThemeGrayMenuFolderLeft,
.ThemeGrayMenuItemActive .ThemeGrayMenuFolderLeft,
.ThemeGrayMenuItemHover .ThemeGrayMenuItemLeft,
.ThemeGrayMenuItemActive .ThemeGrayMenuItemLeft,
.ThemeGrayMenuItemHover .ThemeGrayMenuFolderText,
.ThemeGrayMenuItemActive .ThemeGrayMenuFolderText,
.ThemeGrayMenuItemHover .ThemeGrayMenuItemText,
.ThemeGrayMenuItemActive .ThemeGrayMenuItemText,
.ThemeGrayMenuItemHover .ThemeGrayMenuFolderRight,
.ThemeGrayMenuItemActive .ThemeGrayMenuFolderRight,
.ThemeGrayMenuItemHover .ThemeGrayMenuItemRight,
.ThemeGrayMenuItemActive .ThemeGrayMenuItemRight
{
	border-color:#B0D0FF;
	background-color:#B0D0FF;
}

.ThemeGrayMenuItemHover .ThemeGrayMenuFolderLeft,
.ThemeGrayMenuItemActive .ThemeGrayMenuFolderLeft,
.ThemeGrayMenuItemHover .ThemeGrayMenuItemLeft,
.ThemeGrayMenuItemActive .ThemeGrayMenuItemLeft
{
	border-width:1px 0px 1px 1px;
	border-style:solid;
	padding:2px 0px 2px 2px;
}

.ThemeGrayMenuItemHover .ThemeGrayMenuFolderText,
.ThemeGrayMenuItemActive .ThemeGrayMenuFolderText,
.ThemeGrayMenuItemHover .ThemeGrayMenuItemText,
.ThemeGrayMenuItemActive .ThemeGrayMenuItemText
{
	border-width:1px 0px 1px 0px;
	border-style:solid;
	padding:2px 3px 2px 5px;
}

.ThemeGrayMenuItemHover .ThemeGrayMenuFolderRight,
.ThemeGrayMenuItemActive .ThemeGrayMenuFolderRight,
.ThemeGrayMenuItemHover .ThemeGrayMenuItemRight,
.ThemeGrayMenuItemActive .ThemeGrayMenuItemRight
{
	border-width:1px 1px 1px 0px;
	border-style:solid;
	padding:2px 0px 2px 0px;
}

td.ThemeGrayMenuSplit
{
	padding:0px;
	margin:0px;
	height:5px;
	border:0px;
	background-color:inherit;
	overflow:hidden;
}

div.ThemeGrayMenuSplit
{
	margin:2px;
	height:1px;
	overflow:hidden;
	background-color:inherit;
	border-top:1px solid #6081FF;
}

/* image shadow animation */
/*
	seq1:image for normal
	seq2:image for hover and active
	To use, in the icon field, input the following:
	<img class="seq1" src="normal.gif" /><img class="seq2" src="hover.gif" />
*/
.ThemeGrayMenuItem img.seq1
{
	display:inline;
}

.ThemeGrayMenuItemHover seq2,
.ThemeGrayMenuItemActive seq2
{
	display:inline;
}

.ThemeGrayMenuItem .seq2,
.ThemeGrayMenuItemHover .seq1,
.ThemeGrayMenuItemActive .seq1
{
	display:none;
}