/* @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;

  background: #fff;

}



body {

	margin: 0;

	padding: 0;

}



p {

  /* setup some more readable paragraph spacing */

  margin-top: 10px;

  margin-bottom: 15px;

  margin-right: 10px;

  margin-left: 5px;

}



h1, h2, h3, h4, h4 {

	/* setup some more readable header spacing */

	padding-bottom: 5px;

	margin: 5px 0;

}



/* @group Fonts */



/* @group Sizes */





body {

	font-size: 13px;

}



h1 {

	font-size: 200%;

}



h2 {

	font-size: 180%;

}



h3 { 

   font-size: 150%;

}



h4 {

	font-size:  120%;

}



.small,

.modifydate,

.createdate,

div.mosimage_caption {

	font-size: 100%;

}



div.moduletable h3,

.componentheading {

	font-size: 130%;

}



.contentheading {

	font-size: 200%;

}



.componentheading {

 margin-bottom: 15px;

}



td.componentheading {

	padding-bottom: 15px;

}



/* @end */



/* @group Family */



body {

		line-height: 135%;

		font-family: Arial, Helvetica, sans-serif;

		color: #1D2D45;

}



div#top {

	color: #666;

}



.contentheading,

.componentheading {

	font-weight: bold;

}



div.moduletable h3,

div.moduletable-hilite1 h3,

div.mdouletable-hilite2 h3,

.contentheading {

	/* see style css */

}



table.headlines div.moduletable h3,

.componentheading {

	/* see style css */

}

.DHTMLgoodies_formTooltipDiv{
	color:#FFF;
	font-family:arial;
	font-weight:bold;
	font-size:0.95em;
	line-height:120%;
}
.DHTMLgoodies_formTooltip_closeMessage{
	color:#FFF !important;
	font-weight:normal;
	font-size:0.8em;
}

a:link,

a:visited {

	/* color: see style css */

	color: #2584CF;

	text-decoration: none;

}



div#bottom a:link,

div#bottom a:visited {

	color: #000000;

}



a:hover {



	text-decoration: underline;

}



/* @end */



/* @end */



/* @end */



/* @group Structure */



html {

	background: #868D9A url(../images/bg.png) 0 0 repeat-x;

}



div#wrapper {

	margin: 0 auto;

	width: 868px;

	padding-top: 18px;

}



div#header {

	background: url(../images/header-bg.png) 0 0 repeat-x;

}



div#header .rk-1 {

	background:  url(../images/header-r.png) 100% 0 no-repeat;

}



div#header .rk-2 {

	background:  url(../images/header-l.png) 0 0 no-repeat;

	height: 130px;

	overflow: hidden;

}



img#logo {

	float:  left;

	margin-left: 25px;

	width: 563px;

	height: 138px;

	background: url(../images/logo.png) 0 0 no-repeat;

}



div#top {

	margin-left:  660px;

	height: 138px;

	font-style: italic;

}



div#top .padding {

	padding:  15px;

}



div#horiz-menu {

	background: url(../images/menu-bg.png) 0 0 repeat-x;

	height: 30px;

}



table.mainbody,

table.usermodules {

	width: 100%;

	padding: 0;
	
#DHTMLgoodies_formTooltipDiv{
	color:#FFF;
	font-family:arial;
	font-weight:bold;
	font-size:0.8em;
	line-height:120%;
}
.DHTMLgoodies_formTooltip_closeMessage{
	color:#FFF;
	font-weight:normal;
	font-size:0.7em;
}

}



td.mainbody {

	background: #fff;

}



td.usermodules {

	padding: 0 10px;

}



td.mainbody .padding,

td.right .padding {

	padding: 0px;

}



td.mainbody .padding {

	padding-top: 10px;

    padding-right: 8px;

    padding-bottom: 10px;

    padding-left: 10px;

}



td.right {

	background: #E8E8E8 url(../images/col-divider.png) 0 0 repeat-y;

	width: 255px;

}



div#bottom {

	background: #E8E8E8 url(../images/bottom-bg.png) 0 0 repeat-x;

}



div#footer {

	background: url(../images/footer-bg.png) 0 0 repeat-x;

}



div#footer .rk-1 {

	background: url(../images/footer-r.png) 100% 0 no-repeat;

}



div#footer .rk-2 {

	background: url(../images/footer-l.png) 0 0 no-repeat;

	height: 105px;

	overflow: hidden;

}



div#the-footer {

	background: url(../images/footer-rocket.png) 50% 0 no-repeat;

	text-align: center;

}



img#rocket {

	width: 150px;

	height: 50px;

}





/* My Comment */







/* @group menus */



div#horiz-menu ul {

	margin: 0;

	padding: 0px 0 0 0;

}



div#horiz-menu li {

	margin: 0;

	padding: 0;

	padding-right: 2px;

	float: left;

	list-style: none;

	background: url(../images/menu-divider.png) 100% 0 repeat-y;

}



div#horiz-menu a:link,

div#horiz-menu a:visited {

	display: block;

	float: left;

	padding: 0 10px;

	height: 30px;

	line-height: 30px;

	font-weight: bold;

	color: #fff;

	text-decoration: none;

}



div#horiz-menu a:hover {

	background: #4F6FA7;

}



/* My Comment */



/* My Comment */



/* @end */



/* @group content */



.hide {

	display: none;

}



form {

	border: 0;

	margin: 0;

	padding: 0;

	

}



div.moduletable-ajax  {



	border: 0;

	margin: 0;

	padding: 0;

	padding-left: 20pt;

	

}



table.blog span.article_seperator {

	display: block;

	height: 20px;

}



.highlight {

  background-color: #ffc;

}



/* @end */



/* @end */



/* @group Joomla Core */



/* @group modules */



div.moduletable h3 {

	color: #121A28;

	border-bottom: 3px solid #e7e7e7;

	padding: 3px 0;

}



td.right div.moduletable {

	color: #121A28;

}



td.right div.moduletable h3 {

	border-bottom: 3px solid #D2E0F2;

}



div#bottom div.moduletable {

	color: #ccc;

}



div#bottom div.moduletable h3 {

	border-bottom: 2px solid #b1b5bc;

	color: #2584CF;

}



/* @end */



/* @group content */



.contentheading {

	padding: 10px 0;

	margin-top: 10px;

	margin-bottom: 10px;

	line-height:100%;

	color: #2584CF;

}



td.buttonheading {

 	vertical-align: middle;

}



td.buttonheading img {

	margin-right: 5px;

}



table.contentpaneopen, table.contentpane {

  border-collapse: collapse;

  padding: 0;

  margin: 0;

  width: 100%;

}



div.contentpane, div.contentpaneopen {

  width: 100%;

}



.clr {

	clear: both;

}



div.mosimage {

  margin: 5px;

}



a.readon {

	display: block;

	float: left;

	padding-left: 20px;

	margin-top: 10px;

	line-height: 14px;

	height: 16px;

	/* background: see style css */

}



.small {

	color: #666;

}



.modifydate {

	height: 20px;

	vertical-align: bottom;

	color: #666;

}



.createdate {

	height: 20px;

	vertical-align: top;

	vertical-align: top;

	padding-bottom: 5px;

	padding-top: 0px;

	color: #666;

}



table.contenttoc {

  margin: 5px;

  padding: 5px;

}



table.contenttoc td {

  padding: 0 5px;

}



/* @end */



/* @group pathway */



span.pathway {

	display: block;

	height: 16px;

	line-height: 16px;

	vertical-align: middle;

	margin-top: 5px;

	margin-bottom: 20px;

	font-weight: bold;

}



span.pathway img {

	margin: 0px 10px;

	vertical-align: middle;

}



div#pathway {

	margin-bottom: 10px;

	padding-left: 8px;

}



/* @end */



/* @group sections */



table.mainbody td.mainbody td.sectiontableheader {

  font-weight: bold;

  padding: 4px;

  line-height: 20px;

  background: #f6f6f6;

  border-bottom: 1px solid #ddd;

}



tr.sectiontableentry1 td,

tr.sectiontableentry2 td,

td.sectiontableentry1,

td.sectiontableentry2 {

  padding: 5px;

  border-top: 1px #fff;

  border-bottom: 1px solid #efefef;	

}



tr.sectiontableentry2 td,

td.sectiontableentry1 {

	background: #fcfcfc;

}



/* @group My Group */



/* @end */



.pollstableborder .sectiontableentry1,

.pollstableborder .sectiontableentry2 {

	background: none;

	border:  0;

}





/* @end */



/* @group mainmenu */



a.mainlevel:link,

a.mainlevel:visited {

	text-decoration: none;

}



a.mainlevel {

	display: block;

	padding: 4px 0 2px 28px;

	margin-bottom: 3px;

	background: url(../images/menu-bullet.png) 0 0 no-repeat;

}



a.sublevel:link,

a.sublevel:visited {

	text-decoration: none;

}



a.mainlevel:hover {

	text-decoration: underline;

}



a.sublevel:hover {

	text-decoration: none;

}





a#active_menu:link,

a#active_menu:visited {

	color: #333;

}





li.active_menu a:link,

li.active_menu a:visited {

  color: #333;

}



/** IE bugs: a:link, a:visited, a:hover need to be styled as well; does not display separator... workaround? */

/** customize colors here */

a.mainlevel-son-of-suckerfish-horizontal, a.mainlevel_active-son-of-suckerfish-horizontal, a.mainlevel_current-son-of-suckerfish-horizontal,

a.mainlevel-son-of-suckerfish-horizontal:link, a.mainlevel_active-son-of-suckerfish-horizontal:link, a.mainlevel_current-son-of-suckerfish-horizontal:link,

a.mainlevel-son-of-suckerfish-horizontal:visited, a.mainlevel_active-son-of-suckerfish-horizontal:visited, a.mainlevel_current-son-of-suckerfish-horizontal:visited {

	background-color: red;

	color: white;

}



a.mainlevel-son-of-suckerfish-horizontal:hover, a.mainlevel_active-son-of-suckerfish-horizontal:hover, a.mainlevel_current-son-of-suckerfish-horizontal:hover {

	background-color: #E0E0E0;

	color: red;

}



a.sublevel-son-of-suckerfish-horizontal, a.sublevel_active-son-of-suckerfish-horizontal, a.sublevel_current-son-of-suckerfish-horizontal,

a.sublevel-son-of-suckerfish-horizontal:link, a.sublevel_active-son-of-suckerfish-horizontal:link, a.sublevel_current-son-of-suckerfish-horizontal:link,

a.sublevel-son-of-suckerfish-horizontal:visited, a.sublevel_active-son-of-suckerfish-horizontal:visited, a.sublevel_current-son-of-suckerfish-horizontal:visited {

	background-color: green;

	color: white;

}



a.sublevel-son-of-suckerfish-horizontal:hover, a.sublevel_active-son-of-suckerfish-horizontal:hover, a.sublevel_current-son-of-suckerfish-horizontal:hover {

	background-color: #E0E0E0;

	color: green;

}



ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel-son-of-suckerfish-horizontal, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_active-son-of-suckerfish-horizontal, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_current-son-of-suckerfish-horizontal,

ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel-son-of-suckerfish-horizontal:link, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_active-son-of-suckerfish-horizontal:link, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_current-son-of-suckerfish-horizontal:link,

ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel-son-of-suckerfish-horizontal:visited, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_active-son-of-suckerfish-horizontal:visited, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_current-son-of-suckerfish-horizontal:visited {

	background-color: blue;

	color: white;

}



ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel-son-of-suckerfish-horizontal:hover, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_active-son-of-suckerfish-horizontal:hover, ul.mainlevel-son-of-suckerfish-horizontal ul ul a.sublevel_current-son-of-suckerfish-horizontal:hover {

	background-color: #E0E0E0;

	color: blue;

}



ul.mainlevel-son-of-suckerfish-horizontal .expanded {

	display: block;

	background-image: url("../images/arrow_down.gif");

	background-position: right center;

	background-repeat: no-repeat;

	padding-right: 10px;

}



ul.mainlevel-son-of-suckerfish-horizontal ul .expanded {

	background-image: url("../images/arrow_right.gif");

}





/** customize style / layout here */



a.mainlevel-son-of-suckerfish-horizontal, a.mainlevel_active-son-of-suckerfish-horizontal, a.mainlevel_current-son-of-suckerfish-horizontal, span.mainlevel-son-of-suckerfish-horizontal,

a.mainlevel-son-of-suckerfish-horizontal:link, a.mainlevel_active-son-of-suckerfish-horizontal:link, a.mainlevel_current-son-of-suckerfish-horizontal:link,

a.mainlevel-son-of-suckerfish-horizontal:visited, a.mainlevel_active-son-of-suckerfish-horizontal:visited, a.mainlevel_current-son-of-suckerfish-horizontal:visited,

a.mainlevel-son-of-suckerfish-horizontal:hover, a.mainlevel_active-son-of-suckerfish-horizontal:hover, a.mainlevel_current-son-of-suckerfish-horizontal:hover,

a.sublevel-son-of-suckerfish-horizontal, a.sublevel_active-son-of-suckerfish-horizontal, a.sublevel_current-son-of-suckerfish-horizontal, span.sublevel-son-of-suckerfish-horizontal,

a.sublevel-son-of-suckerfish-horizontal:link, a.sublevel_active-son-of-suckerfish-horizontal:link, a.sublevel_current-son-of-suckerfish-horizontal:link,

a.sublevel-son-of-suckerfish-horizontal:visited, a.sublevel_active-son-of-suckerfish-horizontal:visited, a.sublevel_current-son-of-suckerfish-horizontal:visited,

a.sublevel-son-of-suckerfish-horizontal:hover, a.sublevel_active-son-of-suckerfish-horizontal:hover, a.sublevel_current-son-of-suckerfish-horizontal:hover {

	font-weight: normal;

	font-size: 100%;

	text-align: left;

	text-decoration: none;

	display: block;

	border: 1px solid silver;

	padding: 0.3em 0.5em 0.3em 0.5em;	/* top, right, bottom, left */

}



a.mainlevel-son-of-suckerfish-horizontal, a.mainlevel_active-son-of-suckerfish-horizontal, a.mainlevel_current-son-of-suckerfish-horizontal, span.mainlevel-son-of-suckerfish-horizontal {

}



a.sublevel-son-of-suckerfish-horizontal, a.sublevel_active-son-of-suckerfish-horizontal, a.sublevel_current-son-of-suckerfish-horizontal, span.sublevel-son-of-suckerfish-horizontal {

	font-size: 90%;

	border-top: none;

	height: 1%;	/* this is required for the IE to cause the "hasLayout" property and make the whole anchor clickable - "Holly Hack" */

}



#active_menu-son-of-suckerfish-horizontal,

a.mainlevel_active-son-of-suckerfish-horizontal, a.mainlevel_current-son-of-suckerfish-horizontal,

a.mainlevel_active-son-of-suckerfish-horizontal:link, a.mainlevel_current-son-of-suckerfish-horizontal:link,

a.mainlevel_active-son-of-suckerfish-horizontal:visited, a.mainlevel_current-son-of-suckerfish-horizontal:visited,

a.mainlevel_active-son-of-suckerfish-horizontal:hover, a.mainlevel_current-son-of-suckerfish-horizontal:hover,

a.sublevel_active-son-of-suckerfish-horizontal, a.sublevel_current-son-of-suckerfish-horizontal,

a.sublevel_active-son-of-suckerfish-horizontal:link, a.sublevel_current-son-of-suckerfish-horizontal:link,

a.sublevel_active-son-of-suckerfish-horizontal:visited, a.sublevel_current-son-of-suckerfish-horizontal:visited,

a.sublevel_active-son-of-suckerfish-horizontal:hover, a.sublevel_current-son-of-suckerfish-horizontal:hover {

	font-weight: bold;

}



ul.mainlevel-son-of-suckerfish-horizontal, .mainlevel-son-of-suckerfish-horizontal ul {

	padding: 0;

	margin: 0;

	list-style: none;

	line-height: 1;

	z-index: 100;

}



ul.mainlevel-son-of-suckerfish-horizontal li {

	padding: 0;

	margin: 0;

	background: none;

	float: left;

}



ul.mainlevel-son-of-suckerfish-horizontal li li {

	position: relative;

	display: block;

	width: 10em;

}





ul.mainlevel-son-of-suckerfish-horizontal ul {

	display: block;

	position: absolute;

	left: -999em;

	margin: -0.2em 0 0 0em;

	width: auto;

	height: auto;

	z-index: 101;

}



ul.mainlevel-son-of-suckerfish-horizontal li li ul {

	margin: -1.8em 0 0 10em;

	z-index: 102;

}





/** IE7.0 workaround */

ul.mainlevel-son-of-suckerfish-horizontal li:hover, ul.mainlevel-son-of-suckerfish-horizontal li.hover {

	position: static;

}





/** general on-mouse-over display */



ul.mainlevel-son-of-suckerfish-horizontal li:hover ul,

ul.mainlevel-son-of-suckerfish-horizontal li.hover ul {

	left: auto;

}



ul.mainlevel-son-of-suckerfish-horizontal li:hover ul ul,

ul.mainlevel-son-of-suckerfish-horizontal li.hover ul ul {

	left: -999em;

}



ul.mainlevel-son-of-suckerfish-horizontal li:hover ul li:hover ul,

ul.mainlevel-son-of-suckerfish-horizontal li.hover ul li.hover ul {

	left: auto;

}





ul.mainlevel-son-of-suckerfish-horizontal, ul.mainlevel-son-of-suckerfish-horizontal li li {

	clear: left;

}



/** separator */

span.mainlevel-son-of-suckerfish-horizontal, span.sublevel-son-of-suckerfish-horizontal {

	display: block;

	width: 1em;

	border-width: 0px;

	margin-left: 1em;

	padding: 0;

	padding-top: 1px;

}



/** IE5.0/win workaround: the ">" is handled like a "," */

ul.mainlevel-son-of-suckerfish-horizontal > ul.mainlevel-son-of-suckerfish-horizontal {

	position: absolute;

	top: 5em;	/* change the absolute position for IE5.0 here */

}

ul.mainlevel-son-of-suckerfish-horizontal > ul.mainlevel-son-of-suckerfish-horizontal li.hover ul {

	margin: 0.1em 0 0 0em;	/* top, right, bottom, left */

}

ul.mainlevel-son-of-suckerfish-horizontal > ul.mainlevel-son-of-suckerfish-horizontal li.hover ul ul {

	margin: -1.6em 0 0 10em;	/* top, right, bottom, left */

}




}



/* @end */



/* @end */