/*  
##################################################################
# MISSION CONTROL  -  CSS
##################################################################
# Written by Phil Peters (PJP)
# Date:February 23rd 2009
# Last Update:November 25th 2009 (PJP)
##################################################################
*/

/* RESETS */
*{margin:0; padding:0}
html{height:100%}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, cite, code, del, em, img, ins, strong, sub, sup, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, pre{margin:0; padding:0; border:0}


/* GENERAL STYLING ELEMENTS */
body{margin:0px; padding:0px; font-family:Tahoma; font-size:62.5%; background:url(/assets/img/bg-top-box.jpg) repeat-x}
a{text-decoration:none; color:inherit}
p {margin:0px 0px 10px 0px; font-size:1.1em;}
table{clear:both; font-size:1.1em;}
.right{float:right}
.left{float:left}
.clearfloat{clear:both; font-size:1px; line-height:0px}
.hidden{display:none}
.fail{color:#d00}
.wrapper{width:1000px; height:auto; margin:0 auto}
#top-box{width:100%; height:74px; color:#FFF}
#branding{width:180px; height:70px; line-height:70px; float:left; margin:0px 20px 0px 0px; text-align:center}
#sidebar{float:left; width:168px; margin-bottom:10px; padding:0px 5px 0px 5px; background:#f6f6f6; border:#ccc 1px solid; height:auto}
#mainmenu{ height:30px; text-align:center;  width:100%; font-size:1.1em;}
#main-content{position:relative; margin:15px 0px 15px 0px; text-align:left; background:#fff; border:#9C9 0px solid}
#header-bar{height:30px; margin-bottom:15px; line-height:30px; font-size:16px; font-weight:bold; color:#666; border-bottom:#CCC 1px solid}
#status{height:15px; margin-bottom:10px; line-height:15px; font-size:12px; font-family:Arial,Helvetica,sans-serif; color:#666}
#customer-dropdown{background:#CC99FF; float:right;}
#footer{height:40px; clear:both; padding-left:5px; border-top:#0554ad 8px solid; background:#FFF; color:#666; line-height:40px}
#user-options{height:15px; float:right; line-height:15px; margin:5px 10px 0px 0px; color:#FFF}
#user-options a:link, #user-options a:visited, #user-options a:hover, #user-options a:active{color:#FFF; font-weight:normal; text-decoration:none}
#user-greeting{height:15px; float:left; line-height:15px; margin:50px 10px 0px 0px; color:#FFF; font-weight:bold}
.sub-nav{width:100%; height:35px; margin:10px 0px 10px 0px;}
.add-button{border:1px solid #076a00; background:#7dc372; padding:5px 10px; font-size:12px; margin:10px 0px 0px 0px; color:#fff;}
.remove-button{border:1px solid #721c24; background:#f8d7da; padding:5px 10px; font-size:12px; margin:10px 0px 0px 0px; color:#721c24;}
.cancel-button{border:1px solid #CCC; background:#fafafa; padding:5px 10px; font-size:12px; margin:10px 0px 0px 0px; color:#999;}
.add-button, .remove-button, .cancel-button {margin:10px 10px 0px 0px}
input[type="submit"] {cursor:pointer;}

/* ---------->>> SYSTEM MESSAGES <<<-----------*/
.albox{font-size:12px; line-height:17px; box-shadow:0px 1px 0px #F7F7F7; position:relative; margin:30px 0px; padding:14px 42px; border-radius:3px; zoom:1}
.albox .close{display:block; position:absolute; width:30px; height:30px; text-indent:-9999px; right:0; top:0; background:url(../img/icons/mini/close-opacity-21.png) no-repeat center}
.albox .close:hover{background:url(../img/icons/mini/close-opacity-42.png) no-repeat center}
.albox .icon{position:absolute; left:14px; top:14px}
.warningbox{background:#fbfbfb url(../img/icons/16x16/warning.png) no-repeat 14px 14px; border:1px solid #c0c0c0; color:#57585B}
.successbox{background:#fbfbfb url(../img/icons/16x16/success.png) no-repeat 14px 14px; border:1px solid #c0c0c0; color:#57585B}
.informationbox{background:#fbfbfb url(../img/icons/16x16/info.png) no-repeat 14px 14px; border:1px solid #c0c0c0; color:#57585B}
.errorbox{background:#fbfbfb url(../img/icons/16x16/fail.png) no-repeat 14px 14px; border:1px solid #c0c0c0; color:#57585B}

.success {color:#47a447;}
.error {color: #a94442;}
/* ---------->>> END SYSTEM MESSAGES <<<-----------*/


/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

@media print{ 	
	#mainmenu,
	#footer {display:none !important;}
}