/*======================================
      WELCOME TO THE STYLESHEET
--------------------------------------      
     Copyright Mike Crittenden
      Author: Mike Crittenden
======================================*/
 
/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|
- black		#000
- white		#fff
\**************************************/


/**************************************/
/*              GLOBALS               */
/**************************************/
body {margin:0;padding:100px 0 0;padding-bottom:5em; background:#7ba0d3 url(new/body-bg.gif) repeat-x}
.normal {}
.darker {}
.dark {}
.lighter {}
.left  {float:left}
.right {float:right}

/**************************************/
/*              HEADER                */
/**************************************/
#header {background:url(new/nav-bg.png) repeat-x; position:fixed; left:0; top:0; width:100%; z-index:999}
#logo {background:url(g/logo.png) no-repeat; position:absolute; left:50%; top:-3px; margin-left:-620px; width:122px; height:50px}
#title {display:none; padding-left:160px; color:#fff; font-size:1.5em; height:50px; line-height:50px; font-weight:bold; font-style:italic}

#info_bar {width:910px; margin:0 auto;clear:left; color:#aaa; background: url(new/infobar-bg.png); padding:10px 20px; overflow:hidden; height:30px}
#info_bar .hint {display:none;padding:0 5px;line-height:16px}
#info_bar:hover .hint {display:inline}
#info_bar b {cursor:pointer;display:block;width:16px;height:16px;float:left}
#menu_btn {cursor:pointer;float:left;background:url(g/icon.gif)}
#loading {visibility:hidden;background:url(../img/loading1.gif);margin-right:4px}
#maxAll {background:url(g/expandAll.png)}
#minAll {background:url(g/collapseAll.png)}


/**************************************/
/*             NAVIGATION             */
/**************************************/
/* JPolite Native Navigation Tab */
#main_nav {list-style-type:none; margin:0 auto; position:relative; width:950px; height:44px}
#main_nav li {overflow:visible;width:9em; text-align:center; float:left; font-size:1.2em; font-weight:bold; height:44px; line-height:44px; color:#eee;
				margin:0; cursor:pointer; white-space:nowrap; position:relative; z-index:9}
#main_nav .hover {opacity:0; filter:alpha(opacity=0); display:block; background:#333; position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; margin:0;color:#999}
#main_nav li.on {color:#ddd; background:#333 url(new/tabon.png) repeat-x; height:43px; margin:0 -1px; border-left:1px solid #222; border-right:1px solid #666}
#main_nav li.on .hover {color:#e33}
#main_nav li.backLava {background:#f2a04E; position:absolute; width:0; z-index:1; border:0}
#main_nav li span:after {content:url(g/arrow-down.png)}
#main_nav li dl {display:none; background:#777; width:200px; color:#eee}
#main_nav li dd {text-align:left; padding:0 5px}
#main_nav li dd.on {border:1px solid #f73}
#main_nav li dd.on:before {content:"»  "}
#main_nav li dd:hover {background:#555; text-align:left; padding:0 5px}
#main_nav li:hover dl {display:block}

/**************************************/
/*            MAIN CONTENT            */
/**************************************/
#content {
	/*
	 * width:950px ==> this is the default value set by bluetrip .container class
	 * You can adjust the width manually with a value = 950 +/- n*40
	 */
}
.module_template {display:none}
.cc {padding-bottom:1px}
.dragging {padding-bottom:20px; margin-bottom:10px; background:url(new/stripe.png)}
.ui-sortable-placeholder {margin:10px 0; border: 1px dotted #f00; background:#faa; visibility: visible !important; height: 20px !important}

/* Module Components */
.module {background:#fff; margin-bottom:10px; display:none; -moz-box-shadow: 0pt 0pt 1em #333; -moz-border-radius:6px;}
.module:hover {border-color: #999}
.max {float:none !important; width:100% !important}
.min {display:none}
.moduleFrame {border:0px solid #4E8EE2; overflow:hidden;}
.moduleHeader {background:#4E8EE2 url(g/module-header.gif) repeat-x; padding:2px; border-bottom:1px solid #777; cursor:move; overflow:hidden; -moz-border-radius:6px 6px 0 0}
.moduleTitle {background:url(g/icon.gif) no-repeat; height:1.4em; line-height:1.4em; float:left; padding-left:18px; font-weight:bold; font-size:1.2em; color:#fff}
.moduleActions {display:none; float:right; height:16px}
.moduleActions b {cursor:pointer;width:16px;height:16px;display:block;float:left}
	.actionRefresh {background:url('g/actionRefresh.png')}
	.moduleActions .actionMax {display:none;background:url('g/actionMax.png')}
	.actionMin {background:url('g/actionMin.png')}
	.actionClose	{background:url('g/actionClose.png')}
.moduleHeader:hover .moduleActions {display:block}
.moduleContent {border-top:1px solid #ddd; background:#fff url(g/tabon.gif) 0 -5px repeat-x; padding:5px;  -moz-border-radius:0 0 6px 6px}

/* Simple Theme for Modules */
.moduleContentx {background:#4E8EE2; border-top:1px solid #ddd}
.red .moduleHeader{background:#e24e61 url(g/module-orange.gif) repeat-x; border-color:#F6A7B8 #e24e61 #e24e61 #F6A7B8;}
.red .moduleFrame{border-color:#E2584E;}
.red .moduleContent {background:#E2584E}
.orange .moduleHeader{background:#E2584E url(g/module-red.gif) repeat-x; border-color:#F6A7A8 #E2584E #E2584E #F6A7A8}
.orange .moduleFrame{border-color:#E2584E;}
.orange .moduleContent {background:#E2584E}
.yellow .moduleHeader{background:#E2904E url(g/module-yellow.gif) repeat-x; border-color:#F6C4A7 #E2904E #E2904E #F6C4A7;}
.yellow .moduleFrame{border-color:#E2904E;}
.yellow .moduleContent {background:#E2904E}
.green .moduleHeader{background:#66B161 url(g/module-green.gif) repeat-x; border-color:#ABCFA5 #66B161 #66B161 #ABCFA5}
.green .moduleFrame{border-color:#66B161;}
.green .moduleContent {background:#66B161}
.white .moduleHeader{background:#9E9E9E url(g/module-white.gif) repeat-x; border-color:#D9D9D9 #9E9E9E #9E9E9E #D9D9D9}
.white .moduleFrame{border-color:#9E9E9E;}
.white .moduleContent {background:#9E9E9E}


/**************************************/
/*               CONTROLS             */
/**************************************/
/* Tabs Control */
.tabs {border:1px solid #ccc}
.tabsul {overflow:hidden;padding-top:1px;background:#ccc; list-style-type:none; margin:0}
.tabsul li {float:left; font-weight:bold; color:#777; background:#fff; border:1px solid #bbb; text-align:center; margin-left:2px; padding:4px 6px; cursor:pointer; white-space:nowrap}
.tabsul li:hover {background:#f0f0f0;color:#333}
.tabsul li.on {background:#fff url(g/tabon.gif) repeat-x; border-bottom-color:#fff; color:#333; padding-bottom:6px}
.tabsdiv {padding:4px; background:#fff}

/* Accordion Control */
.accordion {background:#ccc; padding:1px 3px 3px; margin:0}
.accordion dt {background:#fff;font-weight:bold; color:#777; border:1px solid #bbb; padding:4px 6px; cursor:pointer; margin:2px 0 0}
.accordion dt:hover {background:#f0f0f0;color:#333}
.accordion dt.on {background:url(g/tabon.gif) repeat-x; color:#333}
.accordion dd {background:#fff; overflow-x:auto; padding:3px; border-width:0px 1px 1px 1px; border-style:solid; border-color:#bbb; display:none}

.menu li {cursor:pointer}
.menu li:hover {background:#ddd}
.menu li.on {background:#aaa}
/**************************************/
/*               FOOTER               */
/**************************************/
#footer {position:fixed; color:#eee; bottom:0; width:100%; height:5em; background:#757495 url(new/nav-bg.png) 0 16px; text-align:center}
#footer_bar {color:#999; background-color:#fefefe; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:4px 6px; height:1.2em; margin-bottom:10px}
#footer_bar a {color:#555}
#footer_bar a:hover {color:#333}