/* General_Layout.css */

	* {margin: 0;padding: 0;}
	html {height: 100%;}
	body {font: normal .7em verdana;background:#fff; color: #000;height: 100%;background: url('../../images/left_menu_back.gif');background-repeat: repeat-y;}
	p {line-height: 1.8em;margin: 1.8em 0 1.8em 0;}
	h1 {font-size: 32px;font-weight: bold;line-height: normal;color: #000;text-align:left;}
	h2 {font-size: 15px;font-weight: bold;line-height: normal;color: #000;text-align:left;}
	h3{font-size: 16px;font-weight: bold;line-height: normal;text-align:left;}
	a 	{font-weight: bold;color: #003871;text-decoration: underline;}
	noscript {font-weight: bold;color: #990000;}
	a:hover {font-weight: bold;color: #BF0000;text-decoration: underline;}
	
	/* Page Formatting Elements */
	#main {background: url('../images/key_background2.jpg');position:absolute;top: 6em;width: 100%; min-width: 800px;height:100%;z-index:1;}
	#block1, #block2, #block3 {float: left;}
	#block1 {width: 60%; margin-left: 11em; margin-right: 0}
	#block2 {width: 200px; margin-right: -200px}
	#block3 {width: 10em; margin-left: -60%;position: relative; left: -11em;height:100%;}
	* html  #block3 {width: 10em; margin-left: -57%;position: relative; left: -16.5em;height:100%;}
	* html #block1 {width: 57%; margin-left: 11em; margin-right: 0;display: inline;}
	* html #footer {position: relative;}
	#footer {clear: both;}
	
	/* Special Formatting Elements */
	.rounded {background: #CCC;float:left;width: 100%;}
	.centered {text-align: center;}
	
	/* Left Navigation Menu */
	#leftLinks {position:relative;top: 1.8em;height: 100%;background: #F0F0F0;border-right: solid #CDCDCD 2px;text-align: center;}
	*html #leftLinks {position:relative;top: 2.35em;height: 100%;background: #F0F0F0;border-right: solid #CDCDCD 2px;}
	#leftLinks ul {list-style-type: none;width: 100%;margin: 10px 3px 0 0;border-bottom: 1px solid #999;} 
	#leftLinks li {border-top: 1px solid #D2D2D2;border-width: 1px 0;margin: 0;background: url('leftMenu_off.gif') repeat-y right #f8f8f8;}
	#leftLinks li a {color: #333333;display: block;font-weight: normal;padding:1.5em 0 1.5em .5em;text-decoration: none;}
	* html #leftLinks li a {  /* make hover effect work in IE */ width: 100%;}
	#leftLinks li a:hover {background: #000;color: #fff;font-weight: bold;}
	#leftLinks a em {color: #333;}
	#leftLinks a span {color: #125F15;}
	#intro {margin-top: 5em;line-height: 1.9em;}
	#intro ul {margin: 15px 0 0 50px;list-style-type: square;}

/* Right Navigation Elements */
#right_container {position: relative;top:60px;width:260px;}
#industry_container {width:100%;padding: 3px;}
	/* Graphics Based Right Menu */
	.industrysolution {position: relative;float: left;width: 94%;border-left: 1px solid #A6A6A6;border-bottom: 1px solid #A6A6A6;background-color: #fff;margin: 4px 0 0 2px;padding: 5px;}
	.solution_text {position: relative;float: left;display: inline;width: 76%;padding-right: 0px;font-size: .9em;line-height: 1.5em;}
	.solution_action {position: relative;float: left;display: inline;width: 100%;margin-top:.5em;font-size: .9em;line-height: 1.5em;}

	/* Sprite Image for Industry Container */
	.sprite{position: relative;float: left;width: 50px;height: 50px;background-color:#FFF; background-image:url(http://www.cyma.com/images/frontpage/all-sprite.jpg); background-repeat:no-repeat; overflow:hidden;margin-right: 4px;}
	.pic1 {width:50px; height: 50px;background-position:0 0;border: solid 1px #fff;}
	.pic2 {width:50px; height: 50px;background-position:-50px 0;border: solid 1px #fff;}
	.pic5 {width:50px; height: 50px;background-position:-101px 0;border: solid 1px #fff;}
	.pic3 {width:50px; height: 50px;background-position:-152px 0;border: solid 1px #fff;}
	.pic4 {width:50px; height: 50px;background-position:-204px 0;border: solid 1px #fff;}
	.pic6 {width:50px; height: 50px;background-position:-255px 0;border: solid 1px #fff;}


	/* Text Based Right Menu */
	.industry_container {float:left;margin-top: 20px;margin-left: 15px;width:180px;padding: 3px;}	
	.module_container {float:left;margin-top: 20px;margin-left: 15px;width:180px;padding: 3px;}
	.industry_solution {width: 159px;border-left: 1px solid #A6A6A6;border-bottom: 1px solid #A6A6A6;padding: 5px 6px 5px 5px;margin: 7px 0 -6px 4px;background: #fff;		line-height: 1.4em;}
	.module_solution {width: 159px;border-left: 1px solid #A6A6A6;border-bottom: 1px solid #A6A6A6;	padding: 5px 6px 5px 5px;margin: 6px 0 -6px 4px;background: #fff;}


	/* Screenshot Formatting */
	.screenshots{width: 100%;}
	.screenshots img {margin: 1em;}

 	ul#listDisaster  {list-style:none;margin-left:15px;}
	ul#listDisaster li  {margin:20px 0 20px 0;font-weight:bold;}
	.rightRoundedInfoBox-Detail {padding:4px;background-color:#fff;border:solid 1px #990000;margin-top:-3px;margin-bottom:15px;}
	.rightRoundedInfoBox-Lists {text-align:left;}

/* MENU.css */
	#header_container {position: absolute;top: 0;left: 0;z-index: 99;width: 100%;margin:0;}
	#top_header {float: left;width: 100%;height: 6.5em;text-align: left;background: #2c476e url('../../images/menu/copperback.jpg') top right no-repeat;min-width: 790px;margin-right:0;}
	#searchbar {background:  #E5E8ED;float:left;width: 100%;text-align:right;padding: 2px 0 6px 0px;height: 1.8em;font-size: .9em;border-bottom: solid 1px #CFCFCF;border-top: solid 1px #CFCFCF;min-width: 790px;}
	*html #searchbar {position: relative; top: -.38em;width:100%;padding-right:0;}
	

	#cymaphone {position:relative;float: right;top: 4px;padding-right: 52px;height: 45px;text-align: left;color: #fff;z-index: 8;}
	#logo {float: left;margin-left: 5px;}
	#logo img {border: 0px;}
	a.contactheading {color: #fff;font: bold 9.5px verdana;letter-spacing: .1em;}
	a.contactheading:hover {color: #FFFF80;font: bold 9.5px verdana;letter-spacing: .1em;}
	input.topsearch {width: 10em;}
	#top_navigation {/*margin: 4.4em 0 0 14em;*/position: absolute;top: 0px;left: 1em;z-index: 6;width: 100%;padding-right:10px;}
	*html #top_navigation {position: absolute;top: 0px;left: 1em;z-index: 6;width: 600px;}
	.ie6width {height: 0; padding: 0;margin-top: -1.5em;margin-left:-2px;}

	/* CSS Menu Functionality courtesy of http://www.cssplay.co.uk/ */
	/* style the outer div to give it width */
	.menu {font-size:11px;padding:0px;margin-top:4.4em;margin-left: 110px;}
	/* remove all the bullets, borders and padding from the default list styling */
	.menu ul {padding:0;margin:0;list-style-type:none; height:1.6em; }

	/* style the sub-level lists */
	.menu ul ul {width:15em;}

	/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
	.menu ul li {float:left;height:1.8em;line-height:1.8em;}

	/* style the sub level list items */
	.menu ul ul li {display:block;width:12em;height:auto;position:relative;line-height:1em;font-size:1em;font-weight:normal ;}

	/* style the links for the top level */
	.menu a, .menu a:visited  {display:block;float:left;height:100%;font-family:verdana;font-size:1em;text-decoration:none;color:#000;background: #DADADA;padding:.2em 1.3em .1em 1.2em;background-image: url('../../../images/menu/tab_left.gif');background-repeat: repeat-y;background-position: left top;border-right: solid 1px #DADADA; border-left: solid 1px #878787;border-bottom: solid 1px #878787; }

	/* style the sub level links */
	.menu ul ul a, .menu ul ul a:visited {display:block;background: #F3F3F3;font-size:1em;color:#000;width:21em;height:100%;line-height:2.4em; padding:.2em 0 0 .8em;font-weight: normal;font-family:verdana;border: 1px solid #808080;}
	.menu ul table ul a, .menu ul table ul a:visited  {width:16em; w\idth:16em;}

	/* style the table so that it takes no part in the layout - required for IE to work */
	.menu table {position:absolute; left:0; top:-.3em; font-size:1em; z-index:-1;}
	.menu ul ul table {lef\t:-1px;}
	.menu ul ul table ul.left {margin-lef\t:0;}
	.menu li:hover {position:relative;z-index:1000;}
	* html .menu a:hover {position:relative;z-index:1000;}

	/* style the third level background */
	.menu ul ul ul a, .menu ul ul ul a:visited {background:#F3F3F3;}
	/* style the fourth level background */
	.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:#ddd;}
	/* style the sub level 1 background */
	.menu ul :hover a.sub1 {background:#ccc;}
	/* style the sub level 2 background */
	.menu ul ul :hover a.sub2 {background:#ddd;}

	/* style the level hovers */
	/* first */
	.menu a:hover {color:#fff;background: #002B55;}
	.menu :hover > a {color:#fff;background:#002B55;border:solid 1px #CCC;}
	/* second */
	.menu ul ul a:hover{color: #fff;;background:#5f5f64;}
	.menu ul ul :hover > a {color:#EADD95;background:#5f5f64;font-weight: bold;}
	/* third */
	.menu ul ul ul a:hover {color: #eadd95; background:#5f5f64;}
	.menu ul ul ul :hover > a {color: #eadd95; background:#5f5f64;}
	/* fourth */
	.menu ul ul ul ul a:hover {background:#eee;}

	/* hide the sub levels and give them a positon absolute so that they take up no room */
	.menu ul ul {visibility:hidden;position:absolute;height:0;top:2.1em;left:0;width:1em;}
	*html .menu ul ul {visibility:hidden;position:absolute;height:0;top:2.3em;left:0;width:1.5em;}

	/* position the third level flyout menu */
	.menu ul ul ul{left:21.95em;top:0;width:14em;}
	*html .menu ul ul ul{left:17em;top:0;width:16em;}

	/* position the third level flyout menu for a left flyout */
	.menu ul ul ul.left {left:-14em;}

	/* make the second level visible when hover on first level list OR link */
	.menu ul li:hover ul, .menu ul a:hover ul {visibility:visible; height:auto; padding-bottom:3em; z-index:1000;}
	/* keep the third level hidden when you hover on first level list OR link */
	.menu ul :hover ul ul{visibility:hidden;}
	/* keep the fourth level hidden when you hover on second level list OR link */
	.menu ul :hover ul :hover ul ul{visibility:hidden;}
	/* make the third level visible when you hover over second level list OR link */
	.menu ul :hover ul :hover ul{visibility:visible;}
	/* make the fourth level visible when you hover over third level list OR link */
	.menu ul :hover ul :hover ul :hover ul {visibility:visible;}

/* footer elements */
.cyma_footer {font-size:9.5px;}
.cyma_footer a {font-weight: bold;}
.cyma_footer span {padding: 0 .45em 0 .4em;color: #BBB;}

/* image wrap elements */
	#redball {margin-left: 10px;padding-left: 10px;border:0;z-index: 150;}
	.flow {float: left;clear: left;margin: 0 15px 0 15px;}
	.flowright {position: relative;float: right;clear: right;padding: 10px;margin: 10px;width: 303px;font-weight: bold;font-size: 10px;text-align: center;color: #000;	background: #CDCDD6;line-height: 1.3em;}
	.configuration {position: relative;float: right;clear: right;margin: 10px;width: 135px;text-align: left;color: #000;line-height: 1.9em;padding:  10px;border: solid 1px #A6A6A6;background: #FFFFEC;}
	
	
/* FORMS.css */
	form {border: solid 1px #CCC;border-collapse: collapse;background: #EAEAFF;margin-right: 10px;padding: 8px;text-align:left;}
	input  {background: #fff;padding: 2px;color: #000;margin: 3px 0px 3px 10px;	font: normal 1.2em verdana;width: 250px;} 
	.checkbox {margin: 2px;width: 20px;padding: 2px;display: inline;background: none;}
	textarea {background: #fff;font: normal 1.2em verdana;width: 300px;height: 200px;} 
	select  {background: #fff;padding: 2px;color: #000;margin: 3px 0px 3px 10px;font: normal 1.2em verdana;} 
	#submit {background: #99CC33;font-weight: bold;width: 150px;margin-left: auto;margin-right: auto;}
	form table tr td {font-weight: bold;}
	.topsearch {margin: 0;}
	.searchButton {height: 21px;width: 18px;margin: 0;padding: 0;}
	#searchbar form {position: relative;padding: 0;margin: 0;border: 0;width: 100%;background: none;float:left;text-align:right;font-size: .95em;z-index: 5;}
	*html #searchbar form {position: relative;margin: 0;border: 0;width: 100%;background: none;float:left;text-align:right;font-size: .95em;z-index: 5;}
	input.topsearch  {width: 11.25em;height: 1.05em;} 


/* FORMVAL.css */
	.info   { color: #000; background-color: transparent; font-weight: normal; }
	.warn	{ color: #990000; background-color: transparent; font-weight: normal; }
	.error	{ color: #990000; background-color: transparent; font-weight: bold }
	.formtab TD { padding: 0.2em; height: 2.5em; vertical-align: top; font-size: 90%; }
	/* checkboxes */
	.checkcl    { text-align: right; }
	.formtab2 TD	{ padding: 0.2em; height: 2.5em; vertical-align: top;  }







/* Thickbox */
	*{padding: 0; margin: 0;}
	#TB_window {font: 12px verdana;color: #333;}
	#TB_secondLine {font: 10px verdana;color:#666;}
	#TB_window a:link {color: #666;}
	#TB_window a:visited {color: #666;}
	#TB_window a:hover {color: #000;}
	#TB_window a:active {color: #666;}
	#TB_window a:focus{color: #666;}

	#TB_overlay {position: fixed;z-index:100;top: 0px;left: 0px;height:100%;width:100%;}
	.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
	.TB_overlayBG {background-color:#000;filter:alpha(opacity=75);-moz-opacity: 0.75;opacity: 0.75;}
	* html #TB_overlay { /* ie6 hack */  position: absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
	#TB_window {position: fixed;background: #ffffff;z-index: 102;color:#000000;display:none;border: 4px solid #525252;text-align:left;top:50%;left:50%;font: normal 1em verdana;}
	#TB_window h4 {color: #000;font-size: 2em;font-weight: bold;display: inline;line-height: 1.4em;}
	#TB_window ul li {margin-left: 30px;}
	#TB_window ol li {margin-left: 30px;}
	* html #TB_window { /* ie6 hack */ position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
	#TB_window img#TB_Image {display:block;float: left;margin: 30px 0 30px 15px;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;	border-top: 1px solid #666;	border-left: 1px solid #666;}
	#TB_caption{padding: 5px 0 5px 0;float:left;width: 100%;display:block;background-color: #e8e8e8;}
	#TB_closeWindow{float:right;}
	#TB_closeAjaxWindow{padding:7px 10px 5px 0;margin-bottom:1px;text-align:right;float:right;}
	#TB_closeWindowButton {margin-left: 5px;}
	#TB_ajaxWindowTitle{float:left;padding:7px 0 5px 10px;margin-bottom:1px;font-weight: bold;}
	#TB_title{background-color:#e8e8e8;height:27px;}
	#TB_ajaxContent{clear:both;padding:2px 15px 15px 15px;overflow:auto;text-align:left;line-height:1.4em;}
	#TB_ajaxContent.TB_modal{padding:15px;}
	#TB_ajaxContent p{padding:5px 0px 5px 0px;}
	#TB_load{position: fixed;display:none;height:13px;width:208px;z-index:103;top: 50%;left: 50%;margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */}
	* html #TB_load { /* ie6 hack */ position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
	#TB_HideSelect{z-index:99;position:fixed;top: 0;left: 0;background-color:#fff;border:none;filter:alpha(opacity=0);-moz-opacity: 0;opacity: 0;height:100%;width:100%;}
	* html #TB_HideSelect { /* ie6 hack */  position: absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
	#TB_iframeContent{clear:both;border:none;margin-bottom:-1px;margin-top:1px;_margin-bottom:1px;}
	#TB_captionContent{float:left;padding-left: 5px;width: 80%;font-weight: bold;}
	#TB_imageOptions{float:right;padding-right: 5px;width: 40px;}
	
	
	/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size:32px;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 20px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 10px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 10px;
}

.sIFR-hasFlash h5 {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 16px;
}