@charset "utf-8";
/* CSS Document */

/* Universal Styles */
body{margin:0;font-family:"Tahoma",Helvetica,Arial,Verdana,sans-serif;font-size:13px;line-height:18px;color:#333333;background-color:#fff;}
a{color:#0d265c;text-decoration:none; font-weight:bold;}
a:hover{color:#3056a7;text-decoration:underline; font-weight:bold;}
h1{font-size:18px; padding:0; margin-top:10px;margin-left:0;}
.demotitlenumbered{font-size:18px; padding:0; margin-top:10px;margin-left:0;}
h2{margin:0; padding:0; font-size:14px;}
h3 {color:#000; font-weight:normal; font-size:15px;}
img {border:none; padding:0px;}
label{margin-left: 20px;}

.bggrey{background:#f1f1f1;}
.noborder{border-style:none;}
.padded{border-spacing:10px;}

.bulleted li{list-style-type:disc; margin-left:15px;}
.indented {margin-left:10px;}
.nodisc {list-style-type:none;}
td.indented {padding-left:20px;}
.thirtywide{width:30%;}	
.fourtywide{width:40%;}	
.fiftywide{width:50%;}	

.clearboth{clear: both;margin:0; padding:0;}
.row {
	margin: 0 auto;
	overflow: hidden;
	text-align:left;
}
.row:before,.row:after{display:table;content:"";}
.row:after {clear:both}
.indent{margin-left:20px;}
.center{text-align:center;}
.xsmall{font-size:10px;}
.small{font-size:12px;}
.medium{font-size:14px;}
.large {font-size:16px;}

/* Colors & Fonts */
.black {color:#000000;}
.red {color:#de6051;}
.grey {color:#999;}
.green {color:#28b24e;}
.blue {color:#0d265c;}
.bold {font-weight:bold;}
.italic{font-style:italic;}
a.blue {color:#0099FF; text-decoration:none;}
a.blue:hover {color:#06C;}

/* Main Container & Wrapper */
.wrapper{width:960px; margin:0 auto;}


.badgepreview{
float:right; 
border:1px solid #666; 
background:url(images/GEOINTbadge.gif) no-repeat; 
padding:80px 10px 10px 10px;
min-height:100px; width:380px;
text-align:center;
}

.badgepreview ul{font-size:20px; padding:0; margin-left:0;}
.badgepreview .ID{
	position:relative;
	margin-left: 325px;
	margin-top: 0px;
	font-weight:bold;
}
	
/* Alignment classes */	
.centered{text-align: center; margin:0 auto;}
.right{text-align:right;}
.floatleft{float:left;margin-right:15px;}
.floatright{float:right;}
.left{text-align:left;}


/* NEW VERSION Expandable Glossy Button */
a.button, input[type=submit].button, input[type=reset].button, input[type=button].button{
display: block;
float: left;
background: url(images/searchleft.png) no-repeat top left;
height: 25px;
color:#000000;
border:none;
font-weight:bold;
margin-right:12px;
margin-bottom:5px;
}

/* NEW VERSION Expandable Glossy Button */
input[type=submit].button{
display: block;
float: left;
background: url(images/searchleft.png) no-repeat top left;
height: 25px;
color:#000000;
border:none;
font-weight:bold;
margin-right:12px;
margin-bottom:5px;
padding-left:8px;
}

a.buttonactive{
display: block;
float: left;
background:url(images/searchleft_active.png) no-repeat top left;
height: 25px;
color:#000000;
margin-right:12px;
margin-bottom:5px;
}

.button a, a.buttonactive, .greenbutton a {padding:3px 0px 0px 10px;}
.button a:hover, input[type=submit].button:hover{text-decoration:none; color:#666;}

span.button {
display: block;
float: left;
background: url(images/searchright.png) no-repeat top right;
height: 25px;
cursor:pointer;
margin-right:5px;
margin-bottom:5px;

}

span.buttonactive {
display: block;
float: left;
background: url(images/searchright_active.png) no-repeat top right;
height: 25px;
cursor:pointer;
margin-right:5px;
margin-bottom:5px;

}

.button a, a.buttonactive {padding:3px 0px 0px 10px;}
.button a:hover{text-decoration:none; color:#666;}

span.button {
display: block;
float: left;
background: url(images/searchright.png) no-repeat top right;
height: 25px;
cursor:pointer;
margin-right:5px;
margin-bottom:5px;
}

span.buttonactive {
display: block;
float: left;
background: url(images/searchright_active.png) no-repeat top right;
height: 25px;
cursor:pointer;
margin-right:5px;
margin-bottom:5px;

}
/* End Expandable Glossy Button */	

/* UNIVERSAL CLASSES*/
.vertdivider {background:#fff url(images/rightborderbg.jpg) right repeat-y; padding-right:20px;margin-right:20px;}
.horizontaldividerlight{    background:#f1f1f1;  
	height:3px; 
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	border:1px solid #CCC;
	margin:10px 0px;
	/* Hack for rounded corners in IE */
	behavior: url(border-radius.htc);
    border-radius: 5px;
	width:98%;} 
.horizontaldiverdark{display:inline-block; width:98%; margin-left:1%; margin-bottom:10px; margin-top:10px; border-bottom:1px solid #ccc;}


.greyheader{background:#fff url(images/greyheader.jpg) bottom repeat-x; height:25px; text-align:left; font-size:14px; font-weight:bold; padding:5px 0 0 10px;}

.content{
	border:1px solid #CCC;
	-moz-border-radius: 0em 0em 1em 1em;
	border-radius: 0em 0em 1em 1em;
	margin-bottom:15px;
	/* Hack for rounded corners in IE */
	behavior: url(border-radius.htc);
    border-radius: 0em 0em 1em 1em;
	padding : 10px 10px 20px 10px;
	margin:0px 0px 10px 0px;
	text-align:left;
}

.contentfixed{
	border:1px solid #CCC;
	-moz-border-radius: 0em 0em 1em 1em;
	border-radius: 0em 0em 1em 1em;
	margin-bottom:15px;
	/* Hack for rounded corners in IE */
	behavior: url(border-radius.htc);
    border-radius: 0em 0em 1em 1em;
	padding : 10px 10px 20px 10px;
	margin:0px 0px 10px 0px;
	text-align:left;
	height:210px;
}

.content ul{list-style-type:none; margin:5px 0 10px 0px; padding:0; line-height:1.5em; display:block;}
.topmargin{margin-top:10px;}
.bottommargin{margin-bottom:10px;}
.toppadding{padding-top:10px;}
.rightmargin{margin-right:10px;}
.leftmargin{margin-left:10px;}

.content img{margin-right:10px;}
/*Two column layout classes*/

.twocolumnwrapper{margin:0 auto; padding:0; text-align:center;}

.vertexpandCOLUMN{
    height:auto;
    width:440px; 
	float:left; 
	display:block;
	margin:0 10px 0 0;
}

.rightexpandable{
    height:auto;
    width:460px; float:right; 
	margin-bottom:15px;
}

.leftexpandable{
    height:auto;
    width:460px; float:left; 
	margin-bottom:15px;
}

.leftcolumn{width:49%; 
	float:left;
	margin-bottom:15px;
	height:260px;
}
	

.rightcolumn{width:49%; 
	float:right;
	margin-bottom:15px;
	height:260px;
}

.nodivider{background:none;}	

.redalert{
    background:#fec9ca;  
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5p;
	border:1px solid #900;
	margin:10px 0px;
	/* Hack for rounded corners in IE */
	behavior: url(border-radius.htc);
    border-radius: 5px;
	text-align:center;
	padding:5px;}
	
.greenalert{
    background:#c1ffb5;  

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5p;
	border:1px solid #2f540c;
	margin:10px 0px;
	/* Hack for rounded corners in IE */
	behavior: url(border-radius.htc);
    border-radius: 5px;
	text-align:center;
	padding:5px}
	
.greyalert{
    background:#f1f1f1;  
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5p;
	border:1px solid #ccc;
	margin:10px 0px;
	/* Hack for rounded corners in IE */
	behavior: url(border-radius.htc);
    border-radius: 5px;
	padding:5px;}
	
.bluealert{
    background:#c9caff;  
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	border:1px solid #041d55;
	margin:10px 0px;
	/* Hack for rounded corners in IE */
	behavior: url(border-radius.htc);
    border-radius: 5px;
	text-align:center;
	padding:5px;}
	
	.yellowalert{
    background:#fee9ac;  
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	border:1px solid #f6cc52;
	margin:10px 0px;
	/* Hack for rounded corners in IE */
	behavior: url(border-radius.htc);
    border-radius: 5px;
	text-align:center;
	padding:5px;}

.yellowalert h1{margin:12px 10px 0 10px; padding:0; color:#d9a100; display:inline-block; float:left;}	
	
.loginbox{
    background:#ffffff;  
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5p;
	border:1px solid #ccc;
	margin:30px 0px 10px 200px;
	/* Hack for rounded corners in IE */
	behavior: url(border-radius.htc);
    border-radius: 5px;
	text-align:left;
	padding:5px;}	

.continuebutton{padding:15px 8px 0 0px; margin-top:10px; background:url(images/continuebutton.png) no-repeat; width:160px; height:33px; float:left; font-size:16px; font-weight:bold; color:#333333; text-align:center;}
.continuebutton:hover{color:#000;}

.lightlinedivide{display:inline-block; width:98%; margin-left:1%; margin-bottom:10px; margin-top:3px; border-bottom:1px solid #CCC;}

/*EMAIL CLASSES*/
.emailcontainer{width:680px;text-align: left; margin: 0 auto; background-color:#fff; }
.emailheader { 
	width:680px;
	background:#071d56 url(images/emailbanner.jpg) no-repeat;
	text-align:center;
	height:125px;
	}
.emailcolumn{
	width:290px;
	float:left;
}
.emailvertdividerbg{background:#fff url(images/vertdivider.jpg) repeat-y center;}

.emailrightcolumn{
	width:280px;
	float:right;
}

/* GREEN Expandable Glossy Button */
a.greenbutton{
display: block;
float: left;
background: url(images/searchleftgreen.png) no-repeat top left;
height: 25px;
color:#000000;
margin-right:12px;
margin-bottom:5px;
}

span.greenbutton {
display: block;
float: left;
background: url(images/searchrightgreen.png) no-repeat top right;
height: 25px;
cursor:pointer;
margin-right:5px;
margin-bottom:5px;

}

.greenbutton a:hover{text-decoration:none; color:#030;}

.gold
{
    
    background-color: #FFCC00;
}

 a.wait { display: block; margin: 2px; width: 90px; height: 20px; font: normal normal bold 12px Arial, Sans-Serif; text-decoration: none; text-align: center; line-height: 20px; color: #fff; background: url(/milcom11/images/icn_bookIt.gif) no-repeat 0 0; }
a.wait:hover { background: url(/geoint12/images/icn_bookIt_hover.gif) no-repeat 0 0; cursor: pointer; text-decoration: none; }
a.wait { background: url(/geoint12/images/icn_wait.gif) no-repeat 0 0; }
a.wait:hover { background: url(/geoint12/images/icn_wait_hover.gif) no-repeat 0 0; }

.environmentNotification
{
    width:96%;
    border: 1px solid #ff0000;
    text-align: center;
    color: #ff0000;
    font-size: 12pt;
    background-color: #fec9ca;
    margin: 0 auto 10px auto;
    padding:14px;
}

/* Bootstrap breadcrumb overrides */
ol.breadcrumb
{
    background-color: #dfdfdf;
}
.breadcrumb > li + li:before
{
    color: #a0a0a0;
    content: "/ ";
    padding: 0 5px;
}
.breadcrumb li, .breadcrumb li > a
{
    color: #a0a0a0;
    font-weight: bold;
}
.breadcrumb li > a
{
    text-decoration: underline;
}
.breadcrumb li.active
{
    color: #606060;
    font-weight: bold;
}