/* Import foundation CSS files. */
@import url("lite/lite.css");
@import url("layout/layout.css");
@import url("layout/design.css");
/* End of File */

/* Import carousel CSS file. */
@import url("carousel/carousel.css");
/* End of File */

body {
	display: table;
	width: 100%;
	background: #FFFFFF url(citadelrock/img/sitehead_bkgnd.gif) repeat-x left top;
	margin: 0px 0px 0px 10px; /* needed for small screens */
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}	
 
/* Global Link Styles */
a, a:visited { text-decoration: none; color: #002870; }
a:hover, a:active { text-decoration: underline; }
a.moreLink {
	display: block;
	text-align: right;
	font-size: 16px;
	font-weight: bold;
	color: #7aa342 !important;
	background: url(citadelrock/img/rightarrow.png) no-repeat right top;
	padding-right: 50px;
	margin: 0px !important;
}

#main[id] {
	margin-top: 0px;
}

div.fixedwidth {
	display: table;
	width: 960px;	
	margin: 0px auto;
}

#middle {
	margin-bottom: 25px;
}

#c1c2 #wrapper .marginright {
	margin-right:275px;
}

#col3 {
	float: left;/* for all versions of IE from 5.5 to 7 it works only when it is floated this way again */
	margin-left: -250px;/* once more a speciality for IE to display the 3rd column; change this if you change the width too */
	overflow: hidden;/* prevent overflowing of the content out of the column */
	width: 250px;
}

div#role_main h3.showhide_heading a {
	display: block;
	font-size: 16px;
	padding-left: 16px;
	background: url(citadelrock/img/listlink_arrow.gif) no-repeat left 3px;
}

#footer{
	display: table;
	width: 100%;
	margin: 0px auto;
}

/* Tab Styles */
/** Tabs **/
.tabstoggle { visibility: collapse; }
.tabs {
	margin: -20px 0px 0px;
	padding: 5px 0px;
	position: relative;
	z-index: 2;
	_margin-bottom: -17px;
}
.tabs br { display: none; }
.tabs p { margin: 0px; padding-left: 0px; }
.tabmark {
	display: inline;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	margin: 0px 0px 0px 3px;
	padding: 4px;
	border: 1px solid #4c689b;
	_border: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.tabmark a {
	padding: 4px 7px;
	color: #4c689b;
	text-decoration: none;
	*padding: 0px 7px;
}
.tabmark a:hover {
	text-decoration: none;
}
.tabactive {
	border: 1px solid #002870;
	background-color: #002870;
}
.tabactive a {
	color: #FFFFFF !important;
}
.tabinactive {
	background-color: #d9dfea;
}
.tabinactive:hover {
	background-color: #FFFFFF;
}
.tabcontent {
	z-index: 1;
	position: relative;
	padding: 0px;
	border: none;
	padding-top: 10px;
/*	margin-bottom: 25px;
	margin-top: -1px;*/
}
/* Remove top and bottom dotted border from ul.TOC */
ul.toc { border: none; }




/*****************************/
/**   BEGIN Header Styles   **/
/*****************************/

/* Top Navigation Bar Styles */
#topNavBar {
	clear: both;
	height: 40px;
}
#topNav {
	float: right;
	font-weight: bold;
	color: #828282;
	text-align: right;
	padding-top: 9px;
}
#topNav a {
	color: #828282;
	padding: 0px 9px;
}
#topNav a.loginLink {
	color: #002870;
}
#topNav #topSearchForm {
	display: inline;
	margin: 0px;
}
#topSearchForm input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
#topSearchForm input[type="text"] {
	display: inline-block;
	width: 200px;
	height: 19px;
	border: 1px solid #99a9c6;
	color: #444444;
	padding: 2px 3px;
	margin-top: -1px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
#topSearchForm input[type="submit"] {
	border: none;
	background: transparent url(citadelrock/img/search_btn.gif) no-repeat left top;
	cursor: pointer;
	display: inline-block;
	vertical-align: bottom;
	width: 25px;
	height: 25px;
	text-indent: -9999px;
	margin-left: -1px;
	margin-top: -1px;
	padding: 0px;
	*vertical-align: middle;
	*font-size: 1px;
	*color: #FFFFFF;
}

/* Main Navigation Bar Styles */
#mainNavBar {
	display: block;
	float: left;
	width: 960px;
	height: 30px;
	margin-top: 18px; 
	margin-bottom: 25px;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}
#mainNavBar ul {
	list-style: none;
	position: relative;
	z-index: 5999;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
}
#mainNavBar ul li {
	position: relative;
	z-index: inherit;
	float: left;
	margin: 0px;
	padding: 0px;
}
#mainNavBar ul li a {
	display: block;
	padding: 7px 15px 8px;
	color: #ffffff;
	text-decoration: none;
	border-right: 1px solid #ffffff;
}
/*  resize width of French menu items  */
	#mainNavBar.fr ul li a { padding: 7px 9px 8px; }

#mainNavBar ul li a:hover {
	background-color: #4c689b;
	text-decoration: none;
}
#mainNavBar ul li:hover a {
	background-color: #4c689b;
	text-decoration: none;
}
/* hide arrows in dropdowns */
	#mainNavBar .sf-sub-indicator { display: none; }
/* override .selected class from cssmenu.css */
	.cssmenu_horiz li.selected a, .cssmenu_vert li.selected a {
/*		background-color: #7aa342;    */
		font-style: normal;
	}

/* Fix IE. Hide from IE Mac \*/
	* html #mainNavBar ul li { float: left; height: 1%; }
	* html #mainNavBar ul li a { float: left; height: 1%; }
/* End */ 

/* Sub Menu Styles */
#mainNavBar ul li ul {
	position: absolute;
	z-index: -10;
	left: -1px;
	top: 30px;
	display: none;
	padding: 0px;
	width: 200px;
	border: 1px solid #ffffff !important;
	border-top: none !important;
}
#mainNavBar ul li:hover ul {
	display: block;
}
#mainNavBar ul li ul li a {
	width: 170px;
	padding: 7px 15px 8px;
	margin: 0px;
	font-size: 13px;
	line-height: normal;
	text-decoration: none;
	color: #ffffff !important;
	border: none;
	border-top: 1px solid #ffffff;
	background-color: #4c689b;
}
/*  resize width of French menu items  */
	#mainNavBar.fr ul li ul li a { width: 158px; padding: 0px 11px 13px 11px; }

#mainNavBar ul li ul li a.firstNavItem {
	padding-top: 5px;
}
#mainNavBar ul li ul li a:hover {
	color: #002870;
	background-color: #99a9c6;
	text-decoration: none;
} 

/* TIKI-CENTER (Main Content Column) STYLES */

/** Global Tiki-Center Styles **/
h1 { margin-top: 0px; }

/* Home Page Styles */
.homePageBox {
	width: 210px;
	margin-right: 25px;
}
.homePageBox a.listLink {
	display: block;
	color: #444444;
	font-weight: bold;
	background: url(citadelrock/img/listlink_arrow.gif) no-repeat left 1px;
	padding-left: 14px;
	margin-bottom: 7px;
}
.homePageBox .textSpacing {
	height: 150px;
}

/* contentSlider Styles */
#contentSlider {
	display: block;
	width: 685px;
	height: 400px;
	margin-bottom: 25px;
}

/* spTwitterBox Styles */
	#spTwitterBox2 {
		width: 550px;
		margin-bottom: 25px;
	}
	#spTwitterBox {
		width: 500px;
		margin-top: 26px;
	}
	#spTwitterBox #tweet1, #spTwitterBox #tweet2, #spTwitterBox #tweet3 { clear: both; color: #000000; }
	#tweet1 ul, #tweet1 li, #tweet2 ul, #tweet2 li, #tweet3 ul, #tweet3 li { margin: 0px; padding: 0px; }
	#tweet1 li, #tweet2 li, #tweet3 li { list-style-type: none; list-style-image: none; list-style-position: outside; }
	
	#tweet1 span.prefix, #tweet2 span.prefix, #tweet3 span.prefix  { display: block; padding: 0px 0px 5px; }
	#tweet1 span.prefix a, #tweet2 span.prefix a, #tweet3 span.prefix a { font-size: 16px; font-weight: bold; color: #444444; text-decoration: none; }
	#tweet1 span.prefix a:hover, #tweet2 span.prefix a:hover, #tweet3 span.prefix a:hover { text-decoration: underline; }
	#tweet1 span.status, #tweet2 span.status, #tweet3 span.status { color: #005c84; font-size: 15px; line-height: 19px; font-family: Georgia, "Times New Roman", Times, serif; display: block; padding: 0px 9px; }
	#tweet1 span.status a, #tweet2 span.status a, #tweet3 span.status a { color: #FF0000; text-decoration: none; }
	#tweet1 span.status a:hover, #tweet2 span.status a:hover, #tweet3 span.status a:hover  { text-decoration: underline; }
	#tweet1 span.time, #tweet2 span.time, #tweet3 span.time  { display: block; color: #999999; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; padding: 5px 9px 0px; text-align: right; }
	#tweet1 span.time a, #tweet2 span.time a, #tweet3 span.time a { color: #005c84; text-decoration: none; }
	#tweet1 span.time a:hover, #tweet2 span.time a:hover, #tweet3 span.time a:hover { text-decoration: underline; }
	p.twitt_loader { display: inline; float: left; margin: 15px 0px 0px 15px; }
	p.twitt_loader img { margin: 0px 7px 0px 0px; }


/***********************************/
/**   BEGIN Main Content Styles   **/
/***********************************/

/* wiki text styles */
.wikitext h1 { color: #7aa342; }


/* moduleBox Styles */
.moduleBox {
	display: block;
	float: left;
}
.moduleBox h1 {
	font-size: 21px;
	color: #002870;
	margin: -3px 0px 10px;
}
.moduleBox h4 {
	font-size: 15px;
	color: #828282;
	margin: -3px 0px 10px;
}

/* COL3 (Right Content Column) STYLES */
.col3Box {
	width: 224px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border: 1px solid #99a9c6;
	padding: 12px;
	*margin-top: 15px;
	_margin-top: 0px;
}

/* SP Description Module Styles */
#mod-Descriptionr5 {
	display: block;
	margin: 0px;
	padding: 0px 0px 25px;
	font-size: 16px;
	color: #444444;
	line-height: 20px;
}

/* signupBox Styles */
#signupBox {
	background-color: #e4e9f0;
	margin-bottom: 25px;
}
#signupBox #actionForm {
	margin: 3px 0px;
}
#signupBox #actionForm .input {
	background-color: #ffffff;
	border: 1px solid #99a9c6;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size: 13px;
	color: #444444;
	padding: 2px 1px 2px 2px;
}
#signupBox #actionForm .fname { width: 85px; margin-right: 3px; margin-bottom: 4px; }
#signupBox #actionForm .lname { width: 123px; margin-right: 3px; margin-bottom: 4px; }
#signupBox #actionForm .email { width: 151px; margin-right: 3px; }
#signupBox #actionForm .email.fr { width: 120px; }
#signupBox #actionForm .submit {
	background-color: #4c689b;
	border: 1px solid #99a9c6;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor: pointer;
	font-size: 13px;
	font-weight: bold;
	text-transform: none;
	color: #ffffff;
	padding: 1px;
	width: 58px;
}
#signupBox #actionForm .submit:hover {
	background-color: #002870;
}

/* breakingNewsBox Styles */
#breakingNewsBox a {
	display: block;
	color: #444444;
	font-weight: bold;
	/*background: url(citadelrock/img/listlink_arrow.gif) no-repeat left 0px;*/
	margin-bottom: 10px;
	font-size: 14px;
}
#breakingNewsBox a .source {
	color: #828282;
	font-weight: normal;
}
#breakingNewsBox ul, #breakingNewsBox li {
	margin-left: 0;
	padding-left: 0;
}
/* Policy and Research Cluster Page Styles */
.clusterIntro { float:left; width:450px; margin-bottom:15px; }
.clusterIntro h3 { margin: 0px 0px 10px; }
.clusterIntroToo { float:left; width:330px; }

/* Article Styles */
img.articleimage { margin: 3px 20px 5px 0px; padding: 0px; }
.share-links-wrapper { display: block; clear: both; padding: 7px 0px; }
.share-links { display: block; float: right; background-color: #e4e9f0; padding: 6px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }


/***********************************/
/**   BEGIN customFooter Styles   **/
/***********************************/

/* policyHeader Styles */
#policyHeader {
	display: table;
	width: 100%;
	background-color: #4c689b;
}
#policyHeader h1 {
	display: table;
	margin: 0px auto;
	padding: 5px 0px;
	font-size: 25px;
	text-transform: uppercase;
	color: #ffffff;
	text-align: center;
}

/* policyBoxes Styles */
#policyBoxes {
	display: table;
	width: 100%;
	background-color: #d9dfea;
	padding: 25px 0px;
}
#policyBoxes div.fixedwidth {
	width: auto;
}
.clusterBox {
	display: block;
	float: left;
	width: 230px;
	height: 160px;
	margin-right: 30px;	
	background-color: #ffffff;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border: 1px solid #99a9c6;
	padding: 12px;
}
/* remove right margin from last Policy and Research Cluster box */
.clusterBox.last { margin-right: 0px; }
.clusterBox .textSpacing {
	height: 145px;
}
.clusterBox h1 {
	font-size: 21px;
	color: #002870;
	margin: -3px 0px;
}
.clusterBox p {
	font-size: 16px;
	color: #828282;
	margin: 10px 0px 0px;
}
/* Special "fr" class for French Custer Boxes */
.clusterBox.fr { height: 180px; }
.clusterBox.fr .textSpacing { height: 165px; }
.clusterBox.fr p { font-size: 14px; }


/* footerLinks Styles */
#footerLinks {
	font-size: 12px;
	padding: 20px 0px;
}
#footerLinks a {
	color: #ffffff;
}
#footerLinks #copyright {
	display: block;
	float: right;
	width: 350px;
	text-align: right;
	color: #4c689b;
}

div#carousel {
	_margin-top: -15px;

        width: 685px !important;
        height: 300px !important;
}


span.newsitem {
	display: block;
	color: #444444;
	font-weight: bold;
	background: url(citadelrock/img/listlink_arrow.gif) no-repeat left 0px;
	padding-left: 14px;
}
span.newsitem a {
	color: #444444;
	text-decoration:none;
}
span.newsitem a:hover {
	text-decoration:underline;
}

.caltable {
	width: 250px !important;
	margin: auto;
	margin-bottom: 10px;
}

.caltable th.days {
	background-color: #99a9c6;
	border: 1px solid #99a9c6;
	color: #002870;
}

.caltable td {
	height: 18px;
	padding-top: 5px;
	font-size: 12px !important;
}
.box-calendar h3 {
	margin: 0px;
	padding: 0px;	
	padding-bottom: 8px;
}

.filegallerytable th {
	background-color: #99a9c6;
	border: 1px solid #FFFFFF;
	color: #002870;
}
.filegallerytable tr {
	border-bottom: 1px solid #99a9c6;
}

.wikiplugin_articles {
}
.wikiplugin_articles h2 {
	padding-top: 10px;
	font-size: 14px;
}
.wikiplugin_articles .articletitle {
}

#siteheader {
	margin-top: 22px;
}

#topcontact {
	margin-top: 30px;
	text-align:right;
	float:right;
}

#topcontact a {
	color: #002870;
	font-weight: bold;
}

div.casestudies { 
position: relative;
left: -120px;
background-color: #e4e9f0;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border: 1px solid #99a9c6;
*margin-top: 15px;
_margin-top: 0px;
width:360px;
height:auto;
padding: 15px 30px 15px 30px;
font-size:17px;
color:#002870;
margin-top: 80px;
float: right;
}

.productHome {
	width:500px;
	margin-bottom:40px;
}

.featuresTable {
	padding-top: 15px;
	clear: both;
}

.featuresTable td {
	padding: 20px 15px 20px 15px;
}

.solutionsTop {
       width :790px;
} 

.productLogo {
	width: 425px;
	float:left;
}

.productVideo {
	float:left;
	margin-left:60px;
	width: 430px;
}

.productFeatureLeft {
	width: 260px;
	font-size: 16px;
	color: #444444;
	line-height: 20px;
}

.productFeatureLeft img {
	margin-right:30px;
	width:250px;
}

.productFeatureRight {
	width: 450px;
	font-size: 16px;
	color: #444444;
	line-height: 20px;
}

.productFeatureRight h4 {
	line-height: 1.2em;
	margin-bottom: 10px;
	margin-top: 0px;
}

.productFeatureRight img {
	margin-left: 30px;
	width:300px;
}

.executiveprofile {
	font-size: 14px;
}

.executiveprofilegroup {
	height: 540px;
	
}

#row_product_logos {
	margin-top: 32px;
}

.productsLearnmore {
	margin-top: 25px;
}

div.articletrailer {
	margin-top: 0px;
	padding-bottom: 20px;
}

#custom_site_footer {
	font-size: 12px;
	text-align: center;
	padding: 30px 10px 10px 10px; 
}

