/*ul,
  ol,
  li,
  h3,
  h4,
  h5,
  h6,
  pre,
  form,
  body,
  html,
  p,
  blockquote,
  fieldset,
  input {margin: 0; padding: 0;}*/
  
  body {margin: 0 50px; padding: 0; font-family: Arial, Verdana, sans-serif; background-color: #fff; color: #333399;  font-size:1em;}
  
  h1{color:#333399}
  h2{color:#d57811}
  hr{color: #a5acb2;  background-color:#a5acb2; height: 1px; border: 0;}
   
  #header{text-align: center; margin-bottom: 15px;}
  #footer{margin-top: 25px; text-align: center; font-size:0.9em; }
  
  /*Font resizer*/
  .fontResizer { display: block; position: absolute; position: absolute; top: 0; right: 50px; }
  .fontResizer a { margin:0 0 0 0; display: block; float: left; width: 17px; height: 17px; text-align: center; border: 1px solid #ccc; line-height: 15px; color: #666; text-decoration: none; }
  .fontResizer a:hover { color: #000; text-decoration: none; }
  .smallFont { font-size: 9px; }
  .medFont { font-size: 13px; }
  .largeFont { font-size: 15px; }
  .curFont { background: #EEEEF7; }
  
ul.frameworks-attachements {margin:0 0 0 0; padding:10px 10px 10px 15px; background:#fff; border:1px solid #efefef; list-style-type:none;}
ul.frameworks-attachements li {list-style-image:none; background:url(../images/icon_document.png) no-repeat 5px 2px; padding: 4px 0 4px 25px; }
ul.frameworks-attachements li.odd {background-color:#efefef;}
ul.frameworks-attachements li.even {}
  
  table.frameworks-list { border-left:1px solid #8e8e8e; border-right:1px solid #8e8e8e; border-bottom:1px solid #8e8e8e; border-spacing: 0px; width:100%; overflow: hidden;}
      table.frameworks-list tr {}
          table.frameworks-list tr th{font-size:1.3em;text-align:left; padding:10px; background:#efefef; border-top:1px solid #8e8e8e; color:#333;}
          table.frameworks-list tr td{padding: 10px; vertical-align:top;}
          table.frameworks-list tr.row_0 {background:#fff;}
          table.frameworks-list tr.row_1 {background:#efefef;}
          table.frameworks-list tr:hover,
          table.frameworks-list tr.row_0:hover,
          table.frameworks-list tr.row_1:hover {background:#dcf2ff;}
          table.frameworks-list tr td ul{margin:0; padding:0 0 0 15px; list-style:none;}
          table.frameworks-list tr td ul li{margin:0 0 5px 0; list-style-image:url(../images/li.gif);}
         
          table.frameworks-list tr td ul.frameworks-attachements li {list-style-image:none;}
          /*table.frameworks-list tr td ul.frameworks-attachements {margin:0 0 0 0; padding:10px 10px 10px 15px; background:#fff; border:1px solid #efefef;}
          table.frameworks-list tr td ul.frameworks-attachements li {list-style-image:none; background:url(../images/icon_document.png) no-repeat 5px 2px; padding: 4px 0 4px 25px; }
          table.frameworks-list tr td ul.frameworks-attachements li.odd {background-color:#efefef;}
          table.frameworks-list tr td ul.frameworks-attachements li.even {}*/
          
          
          table.frameworks-list tr td.frameworks-chapter{font-size:1.3em; padding: 10px;border-bottom:1px solid #8e8e8e; border-top:1px solid #8e8e8e; color:#dd9003; font-weight:bold;}
          table.frameworks-list tr td.frameworks-question{font-weight:bold; border-right:1px solid #8e8e8e;}
          table.frameworks-list tr td.frameworks-answers{color:#333;}
          table.frameworks-list tr td.frameworks-answers .answer-comment{font-size:0.9em;}
          table.frameworks-list tr td.frameworks-comments{font-size:0.9em; font-style:italic; padding: 10px; color:#333333;}
          table.frameworks-list tr td.frameworks-comments .framework-comment-legend {}
          table.frameworks-list tr td.frameworks-comments .framework-comment-comment {}
  
  
  
  
  .wrapper {position:relative; }
  .wrapper .box {margin:auto; width: 502px;padding:10px 0; display:none; background:#a5acb2 url(../images/close.gif) right bottom no-repeat;}
  
  .ui-effects-transfer { border: 1px solid #a5acb2; }
  
  .wrapper-home { background:#efefef; border:1px solid #ddd; width:715px; padding:20px; margin:0 auto; overflow: hidden;}
  
  .wrapper-home .home-text {float:left; display:block; background:#fff; border:1px solid #ddd; padding:30px; width:400px; color:#333;}
  .wrapper-home .home-text h1{color:4d4d4d; margin:0;}
  
  .wrapper-home .framework-choice {float:left; display:block; background:#fff; text-align:center; width:190px; margin:0 0 0 20px; padding:20px; border:1px solid #ddd; }
  .wrapper-home .framework-choice a{margin: 0 0 10px 0;} 

  
  .dummy-button {float:left; width:180px;height:16px;border:1px solid #a5acb2; background-color:#fff; color:#333399; font-family: Arial, Verdana, sans-serif; margin:10px 5px 0 0; padding:2px 10px 0 10px; text-align:center;}
  .dummy-button:hover {background:#dcf2ff;}
  
  .show-hide-bar{ height:20px; color:#fff; line-height:20px;  padding: 0 10px; font-size:0.9em; background: #b0b0b0 url(../images/li.gif) no-repeat 5px 6px; }
  .show-hide-bar:hover{cursor:pointer; background-color:#838383;}
  .show-hide-bar-reset{display:none; position:absolute; z-index:1000;}
  
  .ajax-menu { font-size:1em; background:#efefef; border:1px solid #ddd; padding:20px 20px 20px; margin:0 0 20px 0; overflow: hidden;}
  .ajax-menu h2{color:#4d4d4d; font-weight:normal; margin:0;}
  
  .ajax-menu .frameworks-list { float:left; margin:0 0px 0 0; overflow:hidden; }
  .ajax-menu .frameworks-list ul{float:left; width:170px; list-style-image:url(../images/box-unchecked.jpg); margin:0; padding:15px 0 0 0px;list-style-position:inside;}
  .ajax-menu .frameworks-list ul li{margin:0; padding:0;}
  .ajax-menu .frameworks-list ul li a.disabled{color:#8b8b8b; cursor:default;}
  .ajax-menu .frameworks-list ul li a.disabled:hover { text-decoration:none;}
  .ajax-menu .frameworks-list ul li.checked{list-style-image:url(../images/box-checked.jpg);}
  .ajax-menu .frameworks-list ul li.checked a{color:#333;}
  .ajax-menu .frameworks-list ul li.noselect {list-style-type:none; list-style-image:none; margin:3px 0; color:#333; font-weight:bold;}
  
  .ajax-menu .frameworks-chapters{float:left; padding: 0 0 0 20px; border-left:1px solid #ddd; width:330px;}
  .ajax-menu .frameworks-chapters ul{ margin:0; padding:15px 0 0 23px;}
  .ajax-menu .frameworks-chapters ul li{list-style-image:url(../images/box-unchecked.jpg); margin:0 0 5px 0;}
  .ajax-menu .frameworks-chapters ul li.checked{list-style-image:url(../images/box-checked.jpg);}
  .ajax-menu .frameworks-chapters ul li.checked a{color:#333;}
  
  .ajax-menu .country-list {}
  .ajax-menu .country-list ul{float:left; width:120px; list-style-image:url(../images/li.gif); margin:0; padding:15px 0 0 23px;}
  .ajax-menu .country-list ul.last{border-right:none;}
  .ajax-menu .country-list ul li{}
  .ajax-menu .country-list ul li a.selected{font-weight:bold;}
  .ajax-menu .country-list ul li .iso-code{margin:0 0 0 5px; color:#666666; font-size:0.8em;}
  
  .ajax-menu .list-framework {overflow:hidden;}
  .ajax-menu .list-framework ul{float:left; width:22%; list-style-type:none; margin:0; padding:15px 20px 0 0;}
  .ajax-menu .list-framework ul li{border-bottom:1px solid #fff; padding: 3px 0;}
  .ajax-menu .list-framework ul li a.selected{font-weight:bold;}
  .ajax-menu .list-framework .country{float:left; display:block; margin:0 10px 0 0;}
  .ajax-menu .list-framework .framework{float:right; display:block; width:150px;}
  	
  .ajax-loader {text-align:center; margin: 0 0 20px 0; position:relative;}

  
  
  
  a.button, span.button, del.button{
	display:-moz-inline-box;
	display:inline-block;
	cursor:pointer;
	border:none;
	font-size:0;
	line-height:0;
	background-position:0 0;
	background-repeat:no-repeat;
	height:30px;
	text-decoration:none;
	color:#2e523b;
	font-style:normal;
	margin:0 6px 0px 0;
	padding:0 10px 0 0;	
	vertical-align:middle;	
	
	padding-top:-2px;
	_position:relative;
	_width:10px;	
	_overflow-y:hidden;
}

a.button, span.button, del.button,
a.button span, span.button button, span.button input, del.button span{
   background-image:url(../images/form_buttons.png);
   _background-image:url(../images/form_buttons.gif);
}


a.button span, span.button button, span.button input, del.button span{
	
	white-space:nowrap;
	cursor:pointer;
    color:#222;
	display:-moz-inline-box;
	display:inline-block;
	line-height:1;
  letter-spacing:0 !important;
  font-family:"Arial" !important;
  font-size:12px !important;
  font-style:normal;    
  background-color:transparent;
	background-position:100% 0;
	background-repeat:no-repeat;
	height:30px;
	padding:8px 20px 0 10px;
	margin:0 -16px 0 10px;
	border:none;
	vertical-align:text-top;
	zoom:1;
	_position:relative;
  _padding-left:0px;
	_padding-right:12px;
	_margin-right:-10px;	
	_display:block;
	_top:0;
	_right:-5px;
	
}


span.button button{
   line-height:2.5;/*Opera need this*/
}

html.safari a.button span, 
html.safari del.button span{
  line-height:1.3;
}

html.safari span.button button{
  line-height:2.6;
}

html.safari a.button:focus,
html.safari span.button button:focus{
    outline:none;
}



del.button{
	/* cursor:not-allowed;	*/
	background-position:0 -120px;
	
}

del.button span{
	cursor:default;
    color:#aaa !important;
	background-position:100% -120px;
}


span.button button, span.button input{
	padding-top:0px;
	line-height:2.5;/*Opera need this*/
}


/** optional **/
/*
a.button:visited{
	color:#aaa;
}
*/


/*Hover Style*/

a.button:hover, 
span.button:hover,
a.button:focus, 
a.dom-button-focus, 
span.button-behavior-hover{ background-position:0 -60px; color:#222;text-decoration:none;}

a.button:hover span, 
span.button:hover button, 
a.button:focus span, 
span.button-behavior-hover button, 
span.button-behavior-hover input{ background-position:100% -60px; color:#fff;}

a.button:active, a.button:focus span{color:#fff;}

del.button-behavior-hover, del.button:hover{background-position:0 -180px;}
del.button-behavior-hover span, del.button:hover span{background-position:100% -180px;}

/*Optional hack for IE6 to simulate :hover selector*/

span.button button, del.button span, span.button input{
	_behavior:expression(
		(function(el){

			if( typeof( behavior_onMouseEnter) == 'undefined'){

				behavior_onMouseEnter = function(el){

					var dEl = this.parentNode;					
					var sClass = dEl.className ;
					dEl.__defaultClassName = sClass ;
					dEl.className = sClass + ' button-behavior-hover';	
					this.setCapture();
				};

				behavior_onMouseLeave = function(el) {
					var dEl = this.parentNode;
					dEl.className = dEl.__defaultClassName ;
					dEl.__defaultClassName = undefined;
					this.releaseCapture();
				};


			};

			el.runtimeStyle.behavior = 'none';
			el.onmouseenter = behavior_onMouseEnter;
			el.onmouseleave = behavior_onMouseLeave;

		})(this));
}

  .buttons-top .toolbar {margin:20px 0; height:30px;  text-align:center;}
  .buttons-top .toobar a {display:none;}
  .buttons-bottom .toolbar {margin:20px 0; display:none; height:30px;  text-align:center;}
  
  .all-comments {display:none;}
  
  .print {}
  .no-print {}
  
  a img,:link img,:visited img {border: none;}
  a {text-decoration: none; color:#d57811;}
  a:hover{ text-decoration: underline;}
  
  .clear{clear:both;}
  .leftb{float:left; margin-right:5px;}
  .wrapper-content{border:1px solid #a5acb2; background:#efefef; padding:25px; width:1000px; margin:0 auto; position:relative;}
  .question_comment{margin-top:10px;}
  .tip{font-style:italic; margin:0; padding:0;}
  
  div.question, div.chapter_comments{margin: 0 0 0 25px;}
  div.answer {margin:5px 0px;}
  
  .buttons {text-align:center; border-top:1px solid #efefef; margin: 5px 0 0 0;}
  .buttons input{border:1px solid #a5acb2; background-color:#fff; color:#333399; font-family: Arial, Verdana, sans-serif; margin:10px 5px 0 0; padding:0 10px;}
  
  label{display:block;} 
  textarea, .sub_input input, .submit input, .list-framework input{border:1px solid #a5acb2; background-color:#fff; color:#333399; font-family: Arial, Verdana, sans-serif;}
  textarea{width:300px;margin:0; padding:0;}
  .submit input{margin:10px 0 0 25px; width:300px;}
  
  fieldset{border:1px; background:#fff; border:1px solid #ddd; padding: 15px 20px; margin:0 0 20px 0; }
  fieldset legend{background:#fff; border:1px solid #ddd; padding: 5px 10px; font-size:18px; font-weight:bold; color:#d57811;}
  
  #sf_guard_auth_form, #confirmation-wrapper{width:470px;margin:0 auto; border:1px solid #a5acb2; padding:15px;}
  #confirmation-wrapper .confirmation{padding:0 0 10px 10px;}
  #sf_guard_auth_form label{float:left; display:block; width:150px;}
  #username, #password,  #framework,  #confirmation {margin-bottom:3px; width:180px;}
  #country{width:180px; margin-top:5px;}
  #sf_guard_auth_form .submit_log {float:left; }
  #sf_guard_auth_form .register_log{margin-left:150px;}
  


  .add_submit input{border:1px solid #a5acb2; background-color:#fff; color:#333399; font-family: Arial, Verdana, sans-serif; font-size:12px; padding:0 5px;}
  .questions table td, .questions table th{padding:0 5px 15px 5px;}
  .questions table td{color:#333399;}
  .questions {padding-left:140px;}
  .tech_nav{font-size:12px;}
  
  .button{float:left; border:1px solid #a5acb2; background-color:#fff; color:#333399; font-family: Arial, Verdana, sans-serif; font-size:12px; padding:0 5px; margin:0 7px 0 0;line-height:17px;}
  .button a{color:#333399;}
  
  .arrow{width:40px;}