/* CSS Reset
--------------------------------------------------------------------------------*/

ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, iframe, img {
    margin: 0;
    padding: 0;
  font-size:100%;
  border:0;
}

a img {
    border: 0;
}

a {
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}





	
	.nonjsAlert {margin:1em; border:1px solid #f9c;background:#fff7fc;padding:12px;color:#000;text-align:center;font-size:120%;width:560px}
		
	.nonjsAlert {margin:1em; border:1px solid #f99;background:#ffeeee;
		padding:11px;color:#000;text-align:center;font-size:120%;width:460px}



body {
  
}

input:focus, select:focus, textarea:focus, button:focus {
  outline: none;
}

/* General Styling and Structure
--------------------------------------------------------------------------------*/

html, body {
  height: 100%;
}

.body-wrap {
  min-height: 100%;
  overflow: hidden;
}


body, #wrapper, #content { 

	

  	font-size:12px;
 
  background: #e9eaed;
  

  background:#fff; background-image:url("diagonal.png");   


   font-family: verdana,arial, sans-serif, Geneva, Arial, Helvetica;

  -webkit-font-smoothing: antialiased !important;
  -moz-font-smoothing: antialiased !important;
  -o-font-smoothing: antialiased !important;
}


#content {padding:15px;
}

#content abbr {
	border-bottom: 1px dotted #8f8f8f; 
}

#page { 
	margin: 0 auto;padding:0px;
	
}



 
/* Navigation
--------------------------------------------------------------------------------*/

#navigation {
  position: relative;
  width: 100%;
  top: 0;
  left: 0;
     background: #07d;  background: #1877f2; background: #048; background: #a04;
  z-index: 13;
}

.stuck {
  position: fixed !important;  padding:0px 0px 0px 0px;

box-shadow: inset 0 0 2px rgba(255,255,255,0.1),0 0 10px 0 rgba(0,0,0,0.5);


}

 

 

#navigation.stuck.bodynav
#navigation.bodynav, .bodynav #nav ul li, .bodynav #nav, .bodynav #nav ul li a {
 
  color: #fff !important; 
}


#navigation.stuck.bodynav
#navigation.bodynav, .bodynav #nav , .bodynav #nav   {
 
  color: #fff !important; /* background-image:url("bg/grey.png")  */
  color: #fff !important; /* background-image:url("bg/blue.png")     */



}

 

 .counter{  color:#eee;}


	a.style33:link,
	a.style33:visited {text-transform: uppercase;	color:#333 !important;  	font-size:11px;
	text-decoration:none;  font-weight:bold;background-color:#f9f9f9; padding:4px 8px 4px 8px; line-height:2.3 ;
				transition-property: background-color, color;
				transition-duration: .5s;
				transition-timing-function: ease-out;		
				padding:3px 7px 3px 7px;  border:1px solid #ccc; 	}

	a.style33:hover {   color:#333 !important; text-decoration:none; font-weight:bold; font-size:11px; 
				background-color:#fff;padding:3px 7px 3px 7px;  border:1px solid #ddd; 				

				  }

	a.style33:active {   color:#fff !important; text-decoration:none; font-weight:bold; font-size:11px;
				 background-color:#555;  padding:4px 8px 4px 8px;   border:0px solid #999;  			

			  }




 div.c8 {float:left;  ;padding:3px;width:98%; margin-bottom:5px;}


/* General Styling and Structure
--------------------------------------------------------------------------------*/

 

 
.white         {color: #fff;!important; font-weight:bold;padding:4px;} 
.white a       {text-decoration:none;color: #fff;!important; font-weight:bold;padding:4px;} 
.white a:hover {text-decoration:none;color:#ccc;font-weight:bold;padding:4px ;} 


.facebook { float:left;border:0px solid #9ab;padding:7px;margin-top:0px;width:140 ;height: 36px;  }
.fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr {   display: none !important;}
.fb-like{   height: 36px;    overflow: hidden;}
 
.uses {padding:2px;  margin-left:15px; margin-right:0px; float:left }



#width60 {width:60%;float:left; padding:9px;background:#fff;   border:1px solid #eeeeee;
font-size:12px;font-family: verdana,arial, sans-serif, Geneva, Arial, Helvetica;}


#width320 {width:335px;;float:right;;border:1px solid #eeeeee;background:#fff;text-align:center}
.width320 {width:335px;;float:right;;border:1px solid #eeeeee;background:#fff;text-align:center}
.ifrm {width:335px;height:550px;}

h2 {
	font-size: 1.6em;
	margin: 0;
	padding: .3em 0;
	line-height: 1.2;
	font-family:  Arial, Helvetica, sans-serif;
	font-weight: normal;
	-webkit-text-stroke-width: 0.3px;
}
	
.greenalert { border:1px solid #999;   color:#678; 
		text-align:center;				 margin-bottom:9px; margin-top:9px; 
		 background:#fff;;font-family:verdana,arial; padding:5px; 
		-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
		-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
		-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
		-o-transition: border linear 0.2s, box-shadow linear 0.2s;
		transition: border linear 0.2s, box-shadow linear 0.2s;		
		font-size:16px;  font-weight:normal; 
		
		}

	.createit{	border:1px solid #ccc; padding:5px; color:#333; 
		font-size:13px; width:160px ; font-weight:bold; background-color:#fff; }

	.createit:hover{background-color:#fff; border:1px solid #aaa;}
	
	 
	

	.round{	-moz-border-radius: 7px;
  		-webkit-border-radius: 7px;
  		-khtml-border-radius: 7px;
  		border-radius: 7px;		
		 	}
  
 div.c5 { border:0px solid #eee; padding-left:0px; ;margin-bottom:5px ;margin-top:3px ;float:right}
	
  

	.q{
		border:1px solid #ddd; padding:0px; color:#333; 
		font-size:13px; width:100px ; font-weight:bold; background-color:#f7f7f7; }

	.q:hover{background-color:#eee; }


	.q  {
		padding: 4px;
		border-right: 1px solid #a6a6a6;
		border-bottom: 1px solid #a6a6a6;
		border-top: 1px solid #d9d9d9;
		border-left: 1px solid #d9d9d9;
		background: #ddd;
		}
	
	.q:hover {
		padding: 4px;
		border-right: 1px solid #a6a6a6;
		border-bottom: 1px solid #a6a6a6;
		border-top: 1px solid #d9d9d9;
		border-left: 1px solid #d9d9d9;
		background: #f0f0f0;
			}
 

	#content h2 {	color: #006699;font-family:"Linux Libertine",Georgia,Times,serif, bitter;; }

	label { 
		background-color: #e6e6e6;; cursor:hand;			
		border:1px solid #bbb;;font-size:12px;
		font-family:arial, helvetica, sans-serif; 		padding: 1px 3px 2px 0px;  
		text-decoration:none;  
		font-weight:normal; color: #333;		margin-top:3px;;margin-bottom:3px;
								margin: 3px 1px 3px 1px;  
			}
	
  	label:hover { 
		background-color: #fff;; cursor:hand;			
		border:1px solid #ccc;;font-size:12px;
		font-family:arial, helvetica, sans-serif; 		padding: 1px 3px 2px 0px;  
		text-decoration:none;  
		font-weight:normal; color: #333;		margin-top:3px;;margin-bottom:3px;
								margin: 3px 1px 3px 1px;  
			}

  	.advanced {   color: #333; background-color: #f3f3f3;   width:98%;
	border:1px solid #eee;font-size:12px;;padding:3px;   
			  margin:3px;}

 

  input[type=checkbox], input[type=radio] {
    vertical-align: middle;
    position: relative;
    bottom: 1px;
  }
  input[type=radio] {
    bottom: 2px;
  }


	.bbut { 
		background-color: #e6e6e6;; cursor:hand;			
		border:1px solid #bbb;;font-size:12px;
		font-family:arial, helvetica, sans-serif; 		padding: 0px 2px 0px 3px;  
		text-decoration:none;  
		font-weight:normal; color: #333;		margin-top:3px;;margin-bottom:3px;
								margin: 3px 0px 3px 0px;  
			}

	.bbut a { color: #c04; font-size:12px; text-decoration:none; }

	label:hover  { 	  cursor:hand;  color: #69c;	}

	.bbut:hover   { 
		background-color: #fff;; cursor:hand;
		border:1px solid #ccc;;font-size:12px;
		font-family:arial, helvetica, sans-serif; 		padding: 3px 2px 3px 3px; 
		text-decoration:none;  
		font-weight:normal; color: #69c;		 ;margin-top:0px;;margin-bottom:0px;  
								margin: 0px 0px 0px 0px;  		

					}

.smallbbut, .smallbbut:hover {font-size:11px;background-color: #eee;; cursor:hand;border:1px solid #ddd;color:#999;}
.smallbbut a, .smallbbut:hover a  {font-size:11px;color:#79c;; }
p {
	font-size: 1em;
	line-height: 1.5;
	margin: 0;
	padding: .5em 0;
}

blockquote {
	font-style:italic;
	border-left:4px solid #7eaaa2;
	margin:10px 0 10px 0;
	padding-left:20px;
	line-height:1.5;
	color:#888;
}





 ::-webkit-scrollbar {
height: 14px;
overflow: visible;
width: 14px;
}

::-webkit-scrollbar-button {height: 14px; overflow: visible;width: 14px;
	background-color:#bbc; 	 ;}

::-webkit-scrollbar-thumb {
background-color: rgba(121,121,255,.2);
background-clip: padding-box;
border: solid transparent;
border-width: 1px 1px 1px 2px;
min-height: 28px;
padding: 00px 0 0;
box-shadow: inset 1px 1px 0 rgba(121,121,121,.1),inset 0 -1px 0 rgba(121,121,121,.07);
}

::-webkit-scrollbar-thumb:hover {
background-color: rgba(0,0,121,.2);
background-clip: padding-box;
border: solid transparent;
border-width: 1px 1px 1px 2px;
min-height: 28px;
padding: 00px 0 0;
box-shadow: inset 1px 1px 0 rgba(121,121,121,.1),inset 0 -1px 0 rgba(121,121,121,.07);
}


::-webkit-scrollbar-track {background-color:#eeeef7; 
background-clip: padding-box;
border: solid transparent;
border-width: 0 0 0 0px;
}

::-webkit-scrollbar-corner {
background: transparent;
}