/* YUI Reset, version 2.7.0 */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
/* YUI Fonts, version 2.7.0 */
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/* clearfix */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; padding:0; margin:0; }
.clearfix { display: inline-block;}
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

.grayul li{ list-style-type: circle; color:#333333; }

#right_click_message{padding-right: 290px; text-align: right; font-family: arial, verdana;font-size: .7em;}

html, body { height: 100%; text-align: left; font-size: 16px; color: #252525; }

h1, h2, h3, h4, h5, h6 { font-weight: bolder; }
h1 { font-size: 2em; margin: .67em 0; }
h2 { font-size: 1.5em; margin: .83em 0; }
h3 { font-size: 1.17em; margin: 1em 0; }
h4 { font-size: 1em; margin: 1.33em 0; }
h5 { font-size: .83em; line-height: 1.17em; margin: 1.67em 0; }
h6 { font-size: .67em; margin: 2.33em 0; }

a { color: #356AA0; text-decoration: none; }
p { margin: .5em 0; }
hr {color:#BBBBBB;}

fieldset { float: left; border: 0px; }
fieldset select { float: right; }

#container {
   min-height: 100%;
   position: relative;
   background: transparent url(../images/page-bg.jpg) repeat-x scroll left top;
}
#header {
   padding: 20px 10px 4px;
   width: 940px;
   margin: 0 auto;
}
#wrapper {
   padding: 10px;
   padding-bottom: 90px;   /* Height of the footer */
}
#footer {
   position: absolute;
   bottom: 0;
   width: 100%;
   height: 70px;   /* Height of the footer */
   background: #E9E9E9 url(../images/footer-bg.jpg) repeat-x scroll 0 0;
}

/* Link Tabs */
#tabs { width: 663px; height: 30px; margin: 10px 0 0 10px; }
#tabs ul li {
    color: #545658;
    border: #E9E9E9 solid 1px;
    background: url(../images/tab-bg.jpg) repeat-x #E9E9E9;
    font-size: 13px;
    float: left;
    display: inline;
    margin: 0 5px 0 0;
    padding: 5px 0 5px 0;
}
#tabs ul li a {
    color: #545658;
    padding: 5px 8px 5px 8px;
}
#tabs ul li a.active {
    color: #F26F00;
    background: url(../images/tab-selected-bg1.jpg) repeat-x #FEFAF3;
    padding: 5px 10px 5px 10px;
}

.textcolumnleft { padding: 10px 20px 0px 0px; }
.textsidebar {
    padding: 15px 0px 0px 15px;
    border: 1px solid #DDD8D8;
    margin: 25px 5px 0px 20px;
    width: 200px;
    background: #F1F1F1;
    vertical-align: top;
}
#services p { margin-bottom: 1em; }

.textsidebar ul {font-size: .9em ;margin: 5px 0px 0px 0px;}

.textsidebar ul li a { margin: 0px 0px 0px 0px;padding:0px 0px 0px 2px; font-weight: bold;  }
.textsidebar ul li a:hover{}
.textsidebar ul li { padding: 3px 0 4px 0; }
.textsidebar ul li img { margin-left: 0px; align:top; }

/* Top Area */
.logoArea { width: 249px; height: 54px; float: left; }
.links { margin: 54px 0 0 0; width: 240px; height: 25px; float: right; }
.links ul { padding: 3px; }
.links ul li { float: left; font-size: .9em; color: #000; font-weight: bold; padding-right: 15px; padding-top: 5px; }
.links ul li a { color: #000; }

.container { margin: 0 auto; width: 940px; }

.test { width: 677px; height: 60px; background: url(../images/test-bg.jpg) no-repeat top left; }
.testContent { width: 600px; margin: 0 0 0 30px; height: 28px; }
.testContent ul { padding: 15px 0 0 10px; }
.testContent ul li { float: left; }

.mainContent { width: 677px; margin: 15px 0 0 0; }
.maincontentLeft { width: 404px; float: left; }

.flash { width: 404px; height: 304px; }

.freeOffer { width: 404px; height: 76px; background: url(../images/offer-bg.jpg) repeat-x; }
.freeOffer img { vertical-align: text-bottom; float: left; padding-right: 15px; }
.freeOffer div { padding-top: 25px; color: #356AA0; font-size: 1.2em;  font-weight: bold; }

#abstracts { float: right; width: 252px; }
#abstracts p { font-size: 81.25%; }
#abstracts h2 { font-size: 1em; margin: 0 0 .4em; }

/*Right Section, news-area*/
.homeRightArea { width: 242px; float: right; }

.homeLeftArea { width: 677px; float:left; }

.news {
    width: 242px;
    height: 106px;
    margin: 10px 0px;
    padding-bottom: 0.5em;
    font-size: 13px;
    background: url(../images/news-bg.jpg) no-repeat #F1F1F1;
}
.newsContent { margin: 0 auto; padding: 40px 0 0 0; width: 210px; }
.newsContent span { color: #FAB301; }
.newsContent span a { color: #EE961A; font-weight: bold; }
.newsContent span a:hover { text-decoration: underline; }
.news img { padding: 11px 0 0 13px; }

.expert { width: 242px; height: 202px; margin: 10px 0 0 0; background: #F1F1F1; }
.expert .learnMore { text-align: right; margin: .5em 1em; }

/*footer*/
.footer {
    width: 940px;
    margin: 0 auto;
    color: #E9E9E9;
    background:url(../images/footer-bg.jpg) repeat-x top left #E9E9E9;
}
.footerLeft { height: 20px; float: left; }
.footerLeft ul li { float: left; font-size: 11px; color: #757575; padding: 8px 5px 0 0; }
.footerLeft ul li a { color: #757575; }
.footerLeft ul li a:hover { text-decoration: underline; }
.footerRight
{
    height: 20px;
    float: right;
    font-size: 11px;
    padding: 8px 0 0 0;
    color: #757575;
}
.footerRight a { color: #757575; }
.footerRight a:hover { text-decoration: underline; }

/*Main links and drop down*/
.mainNav { margin: 54px 0 0 0; width: 260px; height: 25px; float: right; }
.mainNav:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.mainNav ul { width: 100%; padding: 2px 0 0 0; text-align: left; float: right; width: 240px; }
.mainNav ul li { font-size: 13px; color: #666666; font-weight: bold; display: inline; padding-top: 0; vertical-align: middle; }
.mainNav ul li a { line-height: 1.69em; text-align: left; float: left; color: #666666; padding: 3px 11px 4px 5px; }
.mainNav ul li .chromestyle ul li a.selected { background: #CCCCCC; }

.dropmenudiv {
    margin-left: 8px;
    position: absolute;
    top: 0;
    border: 1px solid #BBB;
    border-bottom-width: 0;
    font-size: 11px;
    z-index:100;
    background-color: white;
    width: 85px;
    visibility: hidden;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4);
}
.dropmenudiv a {
    display: block;
    text-indent: 3px;
    border-bottom: 1px solid #BBB;
    padding: 6px;
    font-weight: bold;
    color: #252525;
}
.dropmenudiv a:hover { background: #83A9D0; color: #FFFFFF; }

/* CSS Document */

.containerSub{width:925px; margin:10px auto; border:#DDD8D8 solid 1px;}
.content{padding:20px; color:#252525; }

.content img { padding: 0  5px 0 0; }
.content ul { padding: 2px 2px 2px 2px; margin: 5px 15px 0px 15px; }
.content ul li img { margin-right: 0px; margin-left: 5px; padding: 0px; vertical-align: middle; }

.blog { width: 800px; }
.blog .content { padding: 20px 0; }
.blog blockquote { margin: 0 2em; font-style: italic; }
.blog #content { width: 70%; float: left; margin: 0 2%; }
.blog #sidebar { border: 1px solid #DDD8D8; float: left; width: 24%; padding: 6px 0; }
.blog #content small { font-style: italic; }

.service { width: 645px; margin: 5px 0px 10px 5px; padding: 10px 8px 16px 8px; }
.service p { margin: 0 37px 0 37px; border-top: 1px solid #CCCCCC; padding: 8px 0px 0px 0px; }
.service img { vertical-align: middle; padding-bottom: 5px; }
.orange { font-size: 1em; color: #F3860C; font-weight: bold; margin: 10px 0 5px 0; }

.started { width: 400px; height: 150px; background: #F2F2F2; float: left; }

/* scenarios page */
.pageArea { width: 900px; margin: 10px 0 0 10px; }
.pageArea3 { width: 900px; height: 500px; margin: 10px 0 0 10px; }
.tabArea { width: 800px; height: 100%; width: 800px; }
.profileBox { width: 900px; height: 315px; border: #83A9D0 solid 1px; }
.headingRow {
    background: #83A9D0;
    color: #ffffff;
    font-size: 13px;
    text-transform: uppercase;
    height: 27px;
    padding: 5px 5px 0 5px;
    font-weight: bold;
}
.headingRow1 { background:#E6EEF6; height:41px;}
.headSub1{width:650px; float:left; margin-top:10px; padding-left:5px; font-size:13px; font-weight:bold;}
.headSub1 ul{ padding:5px 0 2px 0; }
.headSub1 ul li{ float:left; padding:0 2px 0 2px;}
.add{width:108px; margin-top:15px; font-size:13px; float:right; margin-right:5px;}
.add img{margin-right:5px;}
.add a { text-decoration: underline; color: #000; }

.settingName{width:900px; height:95px; margin-top:5px; padding:2px; margin-bottom:10px;}
.setting{width:435px; height:95px; border:#8EB0D4 solid 1px; float:left;}
.settingContent{padding:5px; font-size:13px; width:435px; height:18px;}
.settingContent ul li{float:left;}

.dropDown, .dropDown1, .textField, .textField1, .textField3 {
    font-size: 12px;
    color: #000000;
    border: #DCDADA solid 1px;
}
.dropDown { width:193px; height:20px; }
.dropDown1 { width:50px; height:20px; }
.textField { width:50px; height:17px; }
.textField1 { width:200px; height:17px; }
.textField3 { width:160px; height:17px; }

/* launch test page */
.pageArea1{width:905px; margin:10px auto 20px; color:#0A3D71; font-size:13px;}
.buttonArea{width:552px; height:60px; margin:10px 0 0 10px; background:url(../images/button-bg.jpg) top left no-repeat;}
.buttonContent{width:504px; height:34px; margin:0 auto; color:#FFFFFF; font-size:21px;}
.count{width:179px; height:14px; float:left; margin-top:20px;}
.buttons{width:200px; height:42px; float:right; font-size:11px; margin-top:15px;}

.text { font-size: 13px; }

/* test center page */
.descriptionArea { width: 900px; margin-top: 20px; }
.descriptionArea p { padding: 2px; font-size: 13px; color: #000000; }
.descriptionArea span { font-size: 12px; }
.descriptionArea span a { color: #1874D1; }
.running{background:#F2F2F2; border:#D5DBE0 solid 1px; width:440px; float:left; margin-top:10px;}
.running p{ font-size:16px; color:#F3860C; font-weight:bold;}
.running a{ font-size:12px; color:#1874D1;}

.install{width:430px; height:69px; float:right;border:#D5DBE0 solid 1px; padding:10px; margin-top:10px; background:#F2F2F2; color:#F3860C;}
.install img{vertical-align:middle; padding-top:5px;}
.installLink{ font-size:16px; color:#356AA0; margin:0 0 20px 0;}

/* upload script page */
.uploadContent{width:900px; height:380px;}
.leftColumn{width:247px; height:390px; float:left;}

.rightArea{ width:642px; height:312px; float:right;}
.leftArea{width:247px; height:312px; float:left; border:#83A9D0 solid 1px; margin-bottom:10px;}

.leftareaContent{ width:242px; padding:5px;}
.leftareaContent ul li p{ width:160px; float:left; }
.leftareaContent ul li span{width:70px; float:right; }
.leftareaContent ul li span img{ margin-right:10px;}

.fileUpload{width:247px;}
.browse{width:247px; height:35px; }
.browse ul li{float:left;}

.script{width:634px; border:#83A9D0 solid 1px; height:301px; padding:5px; color:#7C9EC1; }

.url { border: #D5DBE0 solid 1px; height: 60px; padding: 5px; }
.url ul li { float: left; padding: 8px; }

.menuarrow {border:0 none;  font-size:0.8em; margin:1px auto; width: 16px ;height: 20px;}

.contactForm label {
	display: block;
	width: 10em;
	float: left;
	text-align: left;
	padding-right: .5em;
	line-height: 2em;
	font-weight: bold;
	clear: left;
}
.contactForm input, .contactForm textarea { padding: .25em; }
.contactForm input { width: 40%; }
.contactForm textarea { margin: 0 auto; width: 98.4%; height: 100px; }
.contactForm .formField { margin-top: 1em; }
.contactForm .formFieldDescription {
	padding: 2em 0em .8em 0em;
    text-align: left;
    width: 70%;
}
.contactForm .formButtonField {
	text-align: right;
	margin-top: 1em;
}
.contactForm .formButtonField input {
	padding: .3em .5em;
	width: auto;
	text-transform: uppercase;
}

.scenario_select { margin: 0px 0px 10px 0px; }

.smallinput { width: 40px; }
.verysmallinput { width: 25px; }

a:hover{text-decoration:none;}

/*header*/

#session_menu { float: right; font-size: 0.8em; }
#session_menu li { float: left; }

#contact_table { width: 300px; padding: 2px; }
#contact_table .label { font-weight: bold; color: #111111; width: 200px; }

/*==========================================*/

#session{ padding: 0px 0px 30px 30px; margin: auto; width: 100%; line-height: 1em;}
#credits, #us, #about, #privacypolicy  {width: 650px; padding: 0px 0px 30px 40px; margin: 0 auto;}
#us { height: 250px; }



/* Tabbed Menu */
#tabcontainer { width: 925px; padding: 30px; border: 1px solid #ccc; margin: 20px auto;
                background: #fff; }

#tabnav {	height: 30px; margin: 0px 0px 10px 0px; padding-left: 0px;
                background: url(../images/tab_bottom.gif) repeat-x bottom; }

#tabnav li{	margin: 0; padding: 0;	display: inline; }

#tabnav a:link, #tabnav a:visited {
		float: left; background: #E0E0E0; font-size: 14px; line-height: 12px;
		font-weight: bold; padding: 8px 10px 8px 10px;	margin-right: 4px;
		border: 1px solid #ccc;	text-decoration: none;	color: #666;}

#tabnav a:link.active, #tabnav a:visited.active {
		border-bottom: 1px solid #fff;	background: #fff;color: #000;	}

#tabnav a:hover	{background: #fff; }
/* End tab CSS*/

#text_view_caption{padding-left: 2px;}

.fieldWithErrors{ display: inline;}

.widehelp{padding: 20px;width: 600px;}

#messages_div {text-align: center; background-color: #FFFFFF; border: 1px solid #BBBBBB;}
#info{display: block; text-align: center;  padding: 8px; color: #FF5115;  font-size: 1.1em;}
#notice{display: block; text-align: center;  padding: 8px; color: #FF5115;  font-size: 1.1em;}
#warning{display: block;text-align: center; padding: 8px; color: #FF6600; font-size: 1.1em;}
#error{display: block;text-align: center;  padding: 8px; color: #FF1111;  font-size: 1.1em;}

#script_div {padding: 0px 0px 0px 0px; }
.text_display {font-size: .8em;height: 350px;border: 1px solid #CCCCCC; margin-right: 10px;}
#script_upload_div a {font-size: .8em;}

#profiles_div {float: left;margin: 4px 0px 0px 0px;}
#profiles_list{float: left;height: 250px;border: 1px solid #BBBBBB;  padding: 0px; overflow:auto; width: 700px;}

#profiles_list input{height: 22px; font-size: .8em;}
#profiles_list select{height: 20px; font-size: .8em;}

.bluefont{color: #356AA0;}
.orangefont{color: #EE961A;}
.grayfont{color: #666666;}

#machine_simple_table{width: 500px;}

#machine_detail_table{width: 800px;}

#profiles_container{float: left; margin: 15px 0px 0px 0px;}

#selected_counter {height: 50px; padding: 10px 0px 0px 0px; }

/* multi select list */
.multiple_select {  line-height: 1em; margin: 0 0 5px 0;  border: 1px solid #CCCCCC;  height: 220px;
                    width: 250px;  padding: 0px;  overflow: auto;}

.multiple_select_checkbox {padding: 5px;  background: #F2FCFC; border-bottom: 1px solid #DDD;}

.report_controls .multiple_select_checkbox {font-size: .75em; }
.report_controls #report_counters {width: 375px; font-size: .75em;}
#run_select_div select {width: 375px; font-size: .75em;margin: 5px 0px 0px 0px;}
.add_link {width: 140px;  }

.report_controls #add_link {padding: 0px;}
#scenario_div .add_link{ padding-left:500px; float: left;}

.report_controls #counter_select_div{padding: 5px 0px 0px 0px; line-height: 1.3em; float: left; }

.report_controls #row_models_div { width: 405px;}
.report_controls #models_list { width: 395px; height: 80px;}

.delete_img{padding-left: 5px;vertical-align: middle;float: right;}
.download_img{padding-left: 5px;vertical-align: middle;float: right;}

#add_counter_div { float: left; padding: 0px 0px 0px 20px; }

/* end multi select list */


#test_settings_div {padding: 0px;}
#scenario_div {padding: 12px;}
#model_upload_div {padding: 0px 0px 0px 0px; float: left; width: 260px;}
#model_text_div {float: right; width: 400; margin-right: 10px;}
#main_tab_area  {float: left;margin: 10px 0px 0px 1px; width: 880px; }


   /* border-right: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD;border-bottom: 1px solid #DDDDDD;} */

a.smallwhite {font-size: .8em; float: right; padding: 2px 50px 0px 0px;text-decoration: none; color: #FFFFFF;}
a.smallwhite:hover {text-decoration: underline;}

.addbutton {padding-left: 0px; margin-top: 30px;}

#counter_options_div{ display: inline; }
#counters_to_graph {float: left; border: 1px solid #AAAAAA; }


#flashcontent{margin: 25px 0px 5px 0px; height: 300px; width: 640px;}
#row_models_div {
    overflow: auto;float: left; width: 260px; padding: 0px 0px 0px 0px;}

.select_div select {font-size: .9em; margin-bottom: 5px; float: left;width: 240px;}
.select_div input {font-size: .9em; margin-bottom: 5px; float: left;}

#report_control_container { margin: 15px 0px 0px 0px; width: 640px;}
.report_controls {margin: 5px auto 20px auto; width: 600px;}

#report_run_control_container { margin: 10px 0px 0px 0px; width: 640px;}
#report_run_controls {margin: 5px auto 20px auto; width: 600px;}


label {text-align: left; float: left; padding-right: 5px;}

#scenario_name {display: inline;}
.settings_panel {padding: 20px;background-color:#EFEFEF;border:1px solid #CCCCCC;}

#test_settings_div {margin: 10px auto 20px auto;}
#add_files {padding-left: 20px;}
.settings {background-color:#FAFAFA;border:1px solid #CCCCCC; padding: 5px;}
.settings-little {padding: 0px 5px 0px 5px; background-color:#FAFAFA;border:1px solid #CCCCCC; }
#upload_controls{padding: 5px;margin: 15px 0px 0px 0px;}
.labelwrapper { float: left; width: 270px; }
.button_div { width: 120px; margin: 20px auto 0px auto; }
.profile_row { padding: 10px 0 10px 10px; background-color: #F2FCFC; border-bottom: 1px solid #dddddd; }

.toolbutton-enabled {color: #222222;  }
.toolbutton-disabled {color: #666666; }
.toolbutton:hover {text-decoration: underline;}

#stop_div, #pause_div { margin: 5px 5px 0px 15px; height: 40px; float: left; width: 50px; }

#run_div { margin: 5px 0px 0px 10px; height: 40px; float: left; width: 50px; }

#run_img { height: 22px; width: 24px; float: left;padding-bottom: 3px; }
#stop_img { height: 22px; width: 22px; float: left; padding-bottom: 3px;}
#pause_img { height: 22px; width: 22px; float: left; padding-bottom: 3px;}

#about a { color: #FF5115; text-decoration: none; }
#about a:hover { text-decoration: underline; }
#about li { list-style-type: circle; padding-top: 5px; font-size: 1.3em; font-weight: bold; margin-left: 5px; }
#privacypolicy ul { list-style-type: circle; }

#about { height: 220px; padding: 0px 0px 0px 50px; margin: auto; width: 760px; }

#test_status_div {
    background-color: #EAEAEA;
    border: solid #CCCCCC;
    border-width: 1px 0px 1px 0px;
    font-size: 1.2em;
    height: 25px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    padding: 5px;
    text-align: center;
    width: 750px;
}

#toolbar { margin: 10px 0px 10px 0px; float: left;padding: 5px 5px 10px 5px;}

.tip { background-color: #FFFDE4; color: #222222; }

#session { margin: auto; width: 100%; display: inline; }
strong {font-weight: bold;}
#us p{padding-bottom: 8px;}
#session p { padding-top: 0px; }
#session input { margin-top: 2px; }

#toolbar_div{margin: auto; width: 275px; padding-top: 20px;}

#profile_stats_div { font-size: .85em;  margin: 20px 0px 0px 0px; }
#vu_display_div {  font-size: .85em;  margin-top: 20px; }

.datagrid {
    text-align: center;
    width: 100%;
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border: 1px solid #cccccc;
	border-collapse: collapse;
	background-color: white;
    color: #111111;
}
.datagrid th {
    border-width: 1px 1px 1px 1px;
    color: #356AA0;
	padding: 0px 2px 0px 2px;
	border: 1px solid #AAAAAA;
	background-color: #CECECE;
    font-weight: bold;
    font-size: 1em;
}
.datagrid td {
	border-width: 1px 1px 1px 1px;
	padding: 0px 2px 0px 2px;
	border: 1px solid #cccccc;
	background-color: white;
}

#error_bar {
    border-bottom: 1px solid #666666;
    height: 46px;
    left: 0;
    min-width: 950px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
}

#error_iframe {
  height: 100%;
  width: 100%;
  z-index: 10;
}