/* @override http://localhost:8888/workspace/rokwebify/templates/rt_rokwebify/css/template_css.css */

/* @group Main */


html {
  /* this is a hack to force scrollbars on at 
     all times so that the page does not jump
     when going from short to long pages */
  height: 100%;
  margin-bottom: 1px;
  
}

body {
	margin: 0;
	padding: 0;
	line-height: 135%;
	font-family: Arial, Helvetica, sans-serif;
	
	
}


p {
  /* setup some more readable paragraph spacing */
  margin-top: 10px;
  margin-bottom: 15px;
  padding-bottom: 0.7em;
  line-height: 1.5; 
  font-size:100%;
}



h1, h2, h3, h4, h4 {
	/* setup some more readable header spacing */
	padding-bottom: 5px;
	margin: 15px 0;
}

/* @group Fonts */

/* @group Sizes */


body {
	font-size: 13px;
}

h1 {
	font-size: 200%;
}

h2 {
	font-size: 180%;
}

h3{font-size:110%;text-transform:uppercase;letter-spacing:1px;margin:0 0px}


h4 {
	font-size:  120%;
}

h5 {
	font-size:110%;
	text-transform:uppercase;
	letter-spacing:1px;
	margin:0 0px; 
	color:#73880A;
	padding: 5px 0;
}



a:link,a:visited, a:active
		{
		color: #F9F7ED;
		text-decoration:none;		
		 }
		 


a:hover
		{color: #FFCC33; }


.q {color:whatever}
.q:link,.q:visited,.q:active{color:#EB6115;text-decoration:none;}
.q:hover { background-color:#999999; color:#FFFFFF;}
		
.r {color:whatever}
.r:link,.r:visited,.r:active{color:#EB6115;text-decoration:none;}
.r:hover {
	color:#CC9933;
	border-bottom:dashed thin #CC9933;
}

.rs {color:whatever}
.rs:link,.rs:visited,.rs:active{color:#EB6115;text-decoration:none;}
.rs:hover {
	color:#FFFF00;
}

.s {color:whatever}
.s:link,.s:visited,.s:active{
	color:#FFFFFF;
	text-decoration:none;
}
.s:hover {color:brown;}	

.web2{font-size:16px;}
.web3{font-size:20px;}

div#content{width:690px;padding:5px  2px; vertical-align:top; color:#666666; }
blockquote{float:left;display:inline;width: 300px;margin: 0 10px 5px 15px;padding: 5px 0; background-color:#FFF6CF;}
blockquote p{margin:0;padding: 0 5px;text-align: center}
div#relax{margin: 0 15px 10px;padding: 5px 0}
div#relax p, div#relax h2{margin: 0 5px;}
/*div#sidebar{ background-image:url(images/beta_dis.png); background-repeat:no-repeat; background-position:-90px; }*/
div#sidebar div{padding: 5px 0;margin-bottom: 5px;}
div#sidebar p{margin: 0 5px;padding:0;}
div#sidebar p+p{margin-top: 0}
div#sidebar div{padding: 5px 0;margin-bottom: 5px}
div#sidebar div#menu{margin: 0 5px}
div#sidebar{vertical-align:top}

#sidebar img{
margin-bottom:4px;
margin-top:4px;
margin-left:2px;
border:none;
}

#sidebar h3{
padding:5px;
background-color:#000000;
color:#FFFFFF;
border:#FFFFFF thin solid;
margin-top:4px;
margin-left:4px;
font-size: 90%;


}

div#nav ul,div#nav li{margin:0;padding:0;list-style-type:none;line-height: 1.5}
div#nav a{margin-left:5px;padding-left:10px}
div#relax{background-color: #EB6115;}

div#timeboy{float:right;font-style:italic; color:#ffcc33; margin:0px 0px 0px 0px; vertical-align:top;display:inline;}
div#mainmenu{float:left; color:#999999;}
div#foottest{color:#999999;}
div#menutype{}


div#relax h2{color: #F7DEB5}
div#relax p{color: #fff}
div#footer{background: #CCC;color: #333}
form{margin: 5px 0;padding: 5px 0}
form h3{margin-bottom: 10px}
form div{padding: 5px 0}
form input#find{width: 90px;margin-left:10px}
form h3{margin-bottom: 10px}

div#reggie{ float:left;width:410px;}
div#reggie_share{ float:left;width:600px;}

div#happy
	{
		float:right;
		width:250px; 
		margin-right:4px;
		font-style:italic; 
		font-size:14px;
		font-family: Arial, Helvetica, sans-serif;
				
	}
	
div#form_error
	{
		float:right;
		width:250px; 
		margin-right:4px;
		font-weight:bold; 
		color:#FF0000;
		font-size:10px;
		font-family: Arial, Helvetica, sans-serif;
		
		
	}

/* ul formating */
#content ul{ list-style:none; margin:0 6px 0 0; padding:0;}
#content li{padding:0.5em 0 0.25em;}


/* tables */
td.main {font-weight:bold;}
th.top {background:#C0B900; color:#FFFFFF; font-weight:bold;}
tr.row{align="left";} 
 /*
th {border-right:1px solid #000;} 
th {border-left:1px solid #000;} 
th {border-top:1px solid #000;}*/
tr.odd *,tr.even * {border-bottom:1px solid #000;}
/*td {border-right:1px solid #000; vertical-align:top; border-bottom:1px solid #000;}*/
td statgood, td.statbad {color:#000; background:#FFF;}
td statgood {font-weight:bold;}
td statbad {font-style:italic;}

/* styling the entry form  */
.texta
	{
		font-size:10px;
		background-color: #CCCCCC;
		border:1px solid #666666;
	}
	
form#reg_form
	{
		color:#000000;
		font-size:10px;
		font-family: Arial, Helvetica, sans-serif;
		text-align:left;
	}
#signup table
	{
		background-color: #FFF7DF;
		color: #000000;
		width: 400px;
		border: 1px solid #FFCC33;
		border-collapse:collapse;	
	}
	
#signup td
	{
		border:1px solid #FFCC33;
		padding-left: 4px;
		padding-right: 4px;
		
	}


#signup34 table
	{
		background-color: #FFF7DF;
		color: #000000;
		width: 500px;
		border: 1px solid #FFCC33;
		border-collapse:collapse;	
	}
	
#signup34 td
	{
		border:1px solid #FFCC33;
		padding-left: 4px;
		padding-right: 4px;
		
	}
	
.labelcell
	{
		font:11px Arial, Helvetica, sans-serif;
		color:#EB6115;
		background-color:transparent;
		width:200px;	
	}
	
.fieldcell
	{
		background-color:#transparent;
		color:#000000;
		text-align:right;
		margin-right:0px;
		padding-right:0px;
	}

.fieldcell input
	{
		width:200px;
		font:11px  Arial, Helvetica, sans-serif;
		background-color:#FFEBAF;
		color:#102132;
		border:1px #284279;
		margin-right: 0px;
	}

.fieldcell2 input
	{
		/*width:200px;*/
		font:11px  Arial, Helvetica, sans-serif;
		background-color:#FFEBAF;
		color:#102132;
		border:1px #284279;
		margin-right: 0px;
	}

.labelcell3
	{
		font:16px Arial, Helvetica, sans-serif;
		color:#EB6115;
		background-color:transparent;
		width:200px;	
	}

.fieldcell3 input
	{
		/*width:200px;*/
		font:16px  Arial, Helvetica, sans-serif;
		background-color:#FFEBAF;
		color:#102132;
		border:1px #284279;
		margin-right: 0px;
		width:100%;
	}	
	
.fieldcell3 select
{
		width:100%;
		font:16px  Arial, Helvetica, sans-serif;
		background-color:#FFEBAF;
		color:#102132;
		border:1px #284279;
		margin-right: 0px;


}	
	
.fieldcell select
{
	width:200px;
		font:11px  Arial, Helvetica, sans-serif;
		background-color:#FFEBAF;
		color:#102132;
		border:1px #284279;
		margin-right: 0px;


}

.button
	{
		font:10px  Arial, Helvetica, sans-serif;
		background-color:#d7e5f2;
		color:#102132;
		margin-left:12px;
		margin-top:3px;
		margin-bottom:2px;	
	}	
	
/* testimoy or quote */
 .testimony {    

    width:450px;
    background-image: url(images/quotes2a.gif);
    background-repeat: no-repeat;
    background-position: -120px top;
    margin:0 auto;
    position:relative;
    }  

.testimonial {

    width:250px;
    padding:30px 60px;
    background-image: url(images/quotes2a.gif);
    background-repeat: no-repeat;
    background-position: 250px bottom;
    font-size:12pt;
    color:#787878;
    font-style:italic;
    position:relative;
    }
.testament {}



.menulist
{
	padding:0.5em 0 0.25em;

}


/* the drop caps for the front page*/

*.hanging-indent  { padding-left:50px;  text-indent:-32px; margin-top:-25px; }
*.hanging-dropcap { position:relative; top:0.55em; left:-3px;
                    font-size:60px; line-height:60px; font-weight:bold; color:#EB6115;  }

*.aligned-dropcap1 { font-size:40px; line-height:normal; font-weight:bold;
  vertical-align:baseline; }
/*
*.aligned-dropcap2 { font-size:40px; line-height:0.8em; font-weight:bold;
  vertical-align:middle; background-color:gold; padding:0 2px; }

*.aligned-dropcap3 { font-size:40px; line-height:normal; font-weight:bold;
  font-style:italic; vertical-align:-0.45em; color:white;
  background-color:black; background-image:url("marble.jpg");
  padding:0 4px; border:1px solid black; }
 */ 

/* for popups */
*.border        { border-left:1px solid gray; border-right:2px solid black; 
                  border-top:1px solid gray; border-bottom:2px solid black; 
                  background-color:gold; }

*.medium        { width:150px; }

*.popup-trigger { position:relative; }

*.popup         { position:absolute; left:0; top:1em; z-index:1; 
                  padding:5px; text-align:center; } 

*.popup-trigger *.popup { visibility:hidden;  }
.newerror{ color:#FF0000;}
.newsuccess{ color:#006600;}

.button
	{
	background: url(none) no-repeat #EB6115;
	color: #000;
	border: 2px solid #cccccc;
	padding:2px;
	margin:2px;
	font-size:13px;	
	
}
.button:hover
	{
	background: url(none) no-repeat #999999;
	color: #ffffff;
	border: 2px solid #cccccc;
	padding:2px;	
	
}
.minitext{ font-size:9px;}
.midtext{ 
	color:#666666; 
	font-size:20px;
	}
.gianttext{ 
	color:#666666; 
	font-size:30px;
	}
	
	
#leftmost p{ padding-right:2px; }

/* photo */
#gallery {width:300px;}
#gallery ul {list-style:none; padding:0; margin:0; width:300px; position:relative; float:right; padding:5px;}
#gallery ul li {display:inline; width:52px; height:52px; float:left; margin:0 0 5px 5px; padding-bottom:5px;}
#gallery ul li a {display:block; width:50px; height:50px; text-decoration:none; border:1px solid #000;}
#gallery ul li a img {display:block; width:50px; height:50px; border:0;}
#gallery ul li a:hover {white-space:normal; border-color:#ddd;}
#gallery ul li a:hover img {position:absolute; left:10px; top:60px; width:auto; height:auto; border:1px solid #000;}

/*tooltip */
*.tooltip-image { cursor:help; margin-left:3px; }

*.tooltip       { cursor:help; border-bottom:1px dotted; 
                  font-style:normal; font-size:0.8em; }	
				  
				  
/*rounded corners */
#feature {
  background: #f8c326 url(images/bottom_left.png) no-repeat 
      bottom left; 
  width: 600px; 
}
#feature dl {
  background: url(images/top_left.png) no-repeat;
}
#feature dt {
  	background: url(images/top_right.png) no-repeat top right;
  	padding: 1.17em 1.17em 0; 
	font-size: 170%; 
	color: #FFF; 
	line-height: 1; 
}
#feature dd {
  background: url(images/bottom_right.png) no-repeat bottom
      right;
	  padding: 1em 2em 2em; 
color: #1B220F; 
line-height: 1.3; 
font-size: 120%
}


#newstyle{
	background-color:#FFF7DF;
	width:600px;padding:10px; 
	border:thin #EB6115 solid;
}

#docs{width:685px;}

#docs ul{
	list-style:none;
	padding:0;
	margin:0;
	
}

#docs li{
	float:left;
	margin:0 0.13em;

}

#docs li a{
background: #F8AE8A;
height: 2em;
line-height:2em;
float:left;
width: 7em;
display:block;
border: 0.1em solid #EB6115;
text-decoration:none;
text-align:center;
	
	
}
#docs li a:hover{ color:#ffffff;border: 0.1em solid #egegeg;}

/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#EB6115;
	/*font-weight:bold;*/
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #CC9933; background:; border-bottom:dashed thin #CC9933;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #993300;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(images/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(images/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(images/bubble.gif) no-repeat bottom;
}