/*************************************
   WELCOME TO THE CUSTOM STYLESHEET
--------------------------------------
              style.css
        BlueTrip CSS Framework
    Put your custom styles in here.
***************************************/

/**************************************/
/*           COLOR SCHEME             */
/**************************************
- black		#000
- white		#fff
- purple        #3b4282
-           #
-           #
***************************************/


/**************************************/
/*              GLOBALS               */
/**************************************/

#rails-env { position: fixed; left: 1em; font-weight: bold; padding: .2em 0.9em; text-transform: uppercase; opacity: 0.7; display: none }
#rails-env.staging { color: #000; background: #ffff00; border: 2px solid #cccc20; border-top: none; display: block }
#rails-env.development { color: #fff; background: #ff0000; border: 2px solid #cc2020; border-top: none; display: block }

body { padding:0; margin:0; color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:11px; background:#363636 url('../images/main_bg.jpg') repeat-x top; }
.clear { clear:both; }
.container { background:#ffffff; }
.bg { background:url('../images/bg.jpg'); }
/**************************************/
/*              HEADER                */
/**************************************/
.mainheader { background:url('../images/header.jpg') no-repeat; height:184px; text-align:right; }


/**************************************/
/*             NAVIGATION             */
/**************************************/
.mainmenu { background:url('../images/mainmenu_bg.jpg') repeat-x; height:42px; padding-bottom:2px; z-index:200; }
.mainmenu ul { margin:0 auto; text-align:center; list-style:none; padding:0px; z-index:200; }
.mainmenu ul li { float:left; padding:0 36px; background:url('../images/nav_sep.jpg') no-repeat center left; margin:0; z-index:200; }
.mainmenu ul li a { font-size:16px; color:#ffffff; text-decoration:none; line-height:42px; text-transform:uppercase; z-index:200; }
.last_nav { background:none; background:url('../images/nav_sep.jpg') no-repeat center right; z-index:200; }

#leftside { padding-top:20px; behavior: url(/javascripts/iepngfix.htc);}
#leftside ul { margin:0; margin-left:10px; }
#leftside ul li { width:201px; height:60px; background:url('../images/button.jpg'); list-style:none; padding:0; margin:0; margin-bottom:10px; }
#leftside ul li:hover { cursor:pointer; }
#leftside ul li span { float:left; padding-left:10px; width:100px; height:52px; display:block; font-size:14px; color:#3b4282; text-decoration:none; text-transform:capitalize; font-weight:bold; padding-top:7px; }
#leftside ul li img { float:right; padding-right:10px; behavior: url(/javascripts/iepngfix.htc); }
#leftside img { padding:0; margin:0; behavior: url(/javascripts/iepngfix.htc); }

.rightside { padding-top:10px; padding-left:10px; }
.rightside input { width:160px; margin-bottom:20px; border:1px solid #000000; color:#000000; }
.rightside img { padding:0; margin:0; text-align:center; padding-left:5px; }
.rightside p { margin-bottom:5px; color:#3b4282; font-size:12px; font-weight:bold; }
/**************************************/
/*            MAIN CONTENT            */
/**************************************/
.maincontentcontainer {  }

.maincontentcontainer h1 { color:#000000; font-weight:normal; font-size:22px; padding-bottom:10px; clear:both; }
.maincontentcontainer h2 { color:#3b4282; font-weight:normal; font-size:20px; padding-bottom:10px; padding-top:10px; clear:both; }
.maincontentcontainer h3 { color:#000000; font-weight:normal; font-size:16px; padding-bottom:10px; padding-top:10px; clear:both; }
.maincontentcontainer h4 { color:#3b4282; font-weight:normal; font-size:14px; padding-bottom:10px; padding-top:10px; clear:both; }
.maincontentcontainer h5 { color:#000000; font-weight:normal; font-size:14px; padding-bottom:10px; padding-top:10px; clear:both; }

.maincontentcontainer table { width:100%; margin:15px auto; border-collapse:collapse; font-size:11px;border:1px solid #cccccc; background:#ffffff; color:#63727c; }
.maincontentcontainer td { padding:2px 8px; margin:0px; border:1px solid #cccccc; }
.maincontentcontainer th { padding:2px 8px; background:#ed1c24; font-weight:bold; color:#ffffff; text-align:left; font-size:12px;border:1px solid #3b4282; }

.maincontentcontainer ul { padding-left:20px; padding-top:10px; padding:bottom:10px; }
.maincontentcontainer ul li { list-style:disc; line-height:18px;}
.maincontentcontainer ol { padding-left:30px; padding-top:10px; padding:bottom:10px; }
.maincontentcontainer ol li {}
.maincontentcontainer ol ul { padding-left:20px; padding-top:10px; padding-bottom:10px; }

.cm_image { float:left; clear:both; }

.right { float:right; }

#lightbox-container-image img { padding:0; margin:0; }

/**************************************/
/*               FOOTER               */
/**************************************/

.footer { width:950px; height:140px; background:url('../images/footer.png'); behavior: url(/javascripts/iepngfix.htc); }

/* 
	LEVEL ONE
*/
ul.dropdown { position: relative; padding:0; margin:0; height:42px; z-index:1000; }
ul.dropdown li { height:42px; line-height:42px; }
ul.dropdown a:hover { color: #666666; padding:0; margin:0; }
/*ul.dropdown a:active { color: #ffffff; padding:0; margin:0; }*/
ul.dropdown li a { display: block; padding:0; margin:0; }
ul.dropdown li:last-child a { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover { color: #cccccc; position: relative; }
ul.dropdown li.hover a { color: #cccccc; }


/* 
	LEVEL TWO
*/
ul.dropdown ul { width: 250px; visibility: hidden; position: absolute; top: 100%; left: 0; background:#2d347a; color:#ffffff; }
ul.dropdown ul li { padding:0; font-weight: normal; background: #f6f6f6; color: #ffffff; border-bottom: 1px solid #ccc; float: none; width:230px; margin:0; text-align:left; padding-left:10px; background:none; }
ul.dropdown ul li a { border-right: none; width: 100%; display: inline-block; color:#ffffff; font-size:14px; }
ul.dropdown ul li a:hover { color: #ffffff; }

/* 
	LEVEL THREE
*/
ul.dropdown ul ul { left: 100%; top: 0; }
ul.dropdown li:hover > ul { visibility: visible; }