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

p {
  /* setup some more readable paragraph spacing */
  margin-top: 0px;
  margin-bottom: 0px;
}

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

/* @group Fonts */

/* @group Sizes */


body.f-smaller {
	font-size: 11px;
}

body.f-default {
	font-size: 11px;
}

body.f-larger {
	font-size: 11px;
}

h1 {
	font-size: 20px;
}

h2 {
	font-size: 18px;
}

h3 { 
   font-size: 15px;
}

h4 {
	font-size:  12px;
}

.small,
.modifydate,
.createdate,
div.mosimage_caption {
	font-size: 11px;
}

div.moduletable h3,
.componentheading {
	font-size: 15px;
}

table.sections .contentheading {
	font-size: 15px;
}

.contentheading {
	font-size: 15px;
}

.componentheading {
	padding: 5px 5px;
	margin-bottom: 5px;
}

td.componentheading {
	padding-bottom: 5px;
}

/* @end */

/* @group Family */

body {
		line-height: 140%;
		font-family: Arial, Helvetica, sans-serif;
}

.contentheading,
.componentheading {
  text-transform: uppercase;
}

a {
	text-decoration: none;	
}

a:hover {
	color: #ec008c;
}

/* @end */

/* @end */

/* @end */

/* @group Structure */

/* @group mainbody */

.hide { display: none; }

td.mainbody {
}

div#mainbody .contentheading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
  text-transform: uppercase;	
}


/* @end */
#header .wrapper {
	position: relative;
}

#header .shadow-r {
	height: 350px;
}


/* img#logo {
	position:  absolute;
	float: left;
	margin-left: 50px;
	margin-top: 25px;
	width: 240px;
	height: 55px;
	border: 0;
} */

/* @group Login/Logout

.loginelement {
	width: 90px;
	float:  left;
	padding: 0px;
	margin-left: 5px;	
}

.loginelement label {
 font-weight: bold;
	color: #de211a;
} */

.loginelement  .inputbox {
	width:  70px;
	line-height: 23px;
	text-indent: 2px;
	margin-top: 3px;	
	background: url(../images/login-button.png	) 0 0 no-repeat;	
}

span.loginsubmit,
span.logoutsubmit {
	display: block;
	float:  left;
	background: url(../images/login-button.png	) 0 0 no-repeat;
	width: 60px;
	height:  28px;
	line-height: 23px;
	text-align: center;
	font-weight: bold;
	margin-top: 3px;
	margin-right: 20px;
	cursor: pointer;
} 

span.loginsubmit span,
span.logoutsubmit span {
	color:  #de211a;
}






#mod_login_username {
    padding:     5px 0 0px 5px;
    width:       85%;
    font-size:   11px;
    background:  url(../images/mod_login_bg.png) repeat-x ;
    color:       #333333;
    font-family: tahoma;
    border:      none ;
    font-weight: bold;
    height:      22px;
}
#mod_login_password {
    padding:     5px 0 0px 5px;
    width:       85%;
    font-size:   11px;
    background:  url(../images/mod_login_bg.png) repeat-x ;
    color:       #333333;
    font-family: tahoma;
    border:      none ;
    font-weight: bold;
    height:      22px;
}
#mod_login_remember {
    border:     none ;
    margin:     0;
    background: none ;
    
}
.inputbox {
    padding:     2px 2px 2px 2px;
    font-size:  11px;
    border:     1px solid #888888;
    font-family: tahoma;   
    background: #A0A0A4;
}
.button {
    padding:     7px;
    padding:     3px !important;
    width:       50%;    
    color: #888888;
    font-size:   11px;
    font-family: tahoma;    
    background:  url(../images/login-button.png) repeat-x ;    
    text-transform: uppercase;
    border:     1px solid #000000;     
/*    background:  #363636; */
}

.button:hover {
    padding:     7px;
    padding:     3px !important;
    width:       50%;    
    color: #ec008c;
    font-size:   11px;
    font-family: tahoma;    
    background:  url(../images/login-button.png) repeat-x ;    
    text-transform: uppercase;
    border:     1px solid #888888;    
/*    background:  #363636; */
}




/* @end

div#topblock {
	color:  #de211a;	
	position: absolute;
	right: 26px;
	top: 0px;
	width: 466px;
	height: 29px;
	line-height: 29px;
	text-indent: 10px;
	overflow: hidden;
}

div#banner {
	width: 468px;
	height: 60px;
  position: absolute;
	top: 34px;
	right: 26px;	
} */

#horiz-menu .shadow-r {
  padding-top: 0px;
	padding-left: 19px;
	height: 35px;
}

#divider .shadow-r {
	height: 2px;
	overflow:hidden;
}

#mainbody .shadow-r {
	padding: 0 15px 0 16px;
}

#mainbody td.mainbody.empty {
	background: none;
}

td.sidebar {
	width: 215px;
}

.dancemedia {
	background: #212121;
	padding: 10px 8px 0px 0px;
}

.rightmodul {
	padding: 0px 5px 0px 5px;
}

td.mainbody .padding {
	padding: 10px 10px;
}

td.sidebar .padding {
	padding: 0px 0px;
}

div#bottom {
	margin-top: -8px;
}

#bottom .shadow-r2 {
	padding: 0 15px 0 16px;
}

#bottom td.mainbottom.empty {
	background: none;
}

#bottom td.mainbottom.empty .padding {
	background: none;
}

td.mainbottom .padding {
	padding: 0px 0px 0px 10px;
}

#footer .shadow-r {
	height: 40px;
	padding: 0 16px 0 16px;
}

#footer td.mainfooter {
	height: 40px;
	text-align: center;
}

#footer td.mainfooter.empty {
	background: none;
}

#footer td.sidebar {
	background: none;
	border: 0;
	width: 215px;
}

#mainbody td.inset {
	width: 135px;
	padding-left: 0px;
	padding-top: 0px;
}

#mainbody td.subbody {
	padding-left: 0px;
	padding-top: 0px;
}

/* horiz menu */

div#horiz-menu li {
	position: relative;
}

#horiz-menu li.active li.active,
#horiz-menu li.active li.active a {
	background: none;
}

/* moomenu */

div#horiz-menu .nav li li {
	padding: 0;
	margin: 0;
}

div#horiz-menu li li a:link,
div#horiz-menu li li a:visited,
div#horiz-menu li li a:hover,
div#horiz-menu li.active li a:link,
div#horiz-menu li.active li a:visited,
div#horiz-menu li.active li a:hover {
	border-left: 0;
	margin: 0;
}


/* table structure */

table.mainbody,
table.bottom,
table.footer,
table.subbody,
table.sections {
	width: 100%;
	padding: 0;
}

table.sections {
	margin: 15px 0;
}

td.section {
	padding: 0;
}

td.section.w49 {
	width: 50%;
}

td.section.w33 {
	width: 33%;
}

/* @group content */

/* @group menus */

/* @group Horiz Menu */

div#horiz-menu ul {
	margin: 0;
	padding: 0;
}

div#horiz-menu li {
	margin: 0;
	padding: 0;
	margin-right: 3px;
	float: left;
	list-style: none;
}

div#horiz-menu a {
	display: block;
	float: left;
	padding: 0 25px;
	height: 25px;
	line-height: 25px;
	font-size: 14px;	
	font-weight: bold;
  text-transform: uppercase;
	text-decoration: none;    
}


/* @end */

/* @group Side Menu */

/* side menu is just a standard list so it will work with a hilite */

#vert-menu div.module-hilite4 h3 {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 1px;
}

#vert-menu div.module-hilite4 div,
#vert-menu div.module-hilite4 div div,
#vert-menu div.module-hilite4 div div div {
	padding: 0;
	margin: 0;
}

#vert-menu ul.sidenav {
	margin: 0;
	padding: 0;
}

#vert-menu ul.sidenav li {
	margin: 0;
	padding: 0;
}

#vert-menu ul.sidenav ul {
	margin: 0;
	padding: 0;
}

#vert-menu ul.sidenav a {
	line-height: 25px;
	padding-left: 20px;
	font-weight: bold;
}

#vert-menu ul.sidenav ul a {
	padding-left: 40px;
}

#vert-menu ul.sidenav ul ul a {
	padding-left: 60px;
}

/* @end */

/* @group Contact Menu */

div#top ul {
	margin: 0;
	padding: 0;
	float: right;
}

div#top li {
	float:  left;
	list-style: none;
	margin-right: 20px;
}

div#top li img {
	float:  left;
	vertical-align: middle;
}

div#top a.mainlevel {
	display:  block;
	float:  left;
	background: none;
	margin: 0;
	padding: 0 5px;
	font-weight:  bold;
}

/* @end */

/* @end */

/* @group Code */

pre {
	padding: 10px;
}

blockquote {
	font-style: italic;
	font-size: 120%;
	line-height: 150%;
}

/* @end */

/* @group Notices */

span.alert,
span.info,
span.download,
span.note {
	display: block;
	padding: 5px 5px 5px 5px;
	margin: 3px 3px 3px 3px;	
}

span.rocket {
	display: block;
	padding: 1px 1px 1px 1px;
}

/* @end */

/* @group Lists */

td.mainbody ul,
td.sidebar ul,
td.section ul,
div.module-hilite1 ul,
div.module-hilite2 ul,
div.module-hilite3 ul,
div.module-hilite4 ul {
	padding-left: 10px;
	margin-left: 0;
}

td.mainbody li,
td.sidebar li,
td.section li,
div.module-hilite1 li,
div.module-hilite2 li,
div.module-hilite3 li,
div.module-hilite4 li {
	list-style: none;
	margin-left: 0;
	padding-left: 20px;
}

ul.bullet-a,
ul.bullet-b,
ul.bullet-c,
ul.bullet-d,
ul.bullet-e,
ul.bullet-f {
	padding-left: 30px;
	margin-left: 0;
}

ul.bullet-a li,
ul.bullet-b li,
ul.bullet-c li,
ul.bullet-d li,
ul.bullet-e li,
ul.bullet-f li {
	list-style: none;
	margin-left: 0;
	padding-left: 35px;
		
}

ul.number {
	margin: 25px 0;
	list-style: none;
	padding-left:  20px;
}

ul.number li {
	padding-left: 45px;
	padding-right: 20px;
	padding-bottom: 10px;
}

/* @end */

/* @group Blockquote */

blockquote {
	width: auto;
	padding: 10px 10px 10px 50px;
	margin: 15px 0;
}

/* @end */

.topadvert {
	margin-bottom: 15px;
}

.screenshot {
	float:  right;
	margin-top: -35px;
	z-index: 9;
}

.hide {
	display: none;
}

form {
	border: 0;
	margin: 0;
	padding: 0;
}

table.blog span.article_seperator {
	display: block;
	height: 15px;
}

/* @end */

/* @end */

/* @group Joomla Core */

/* @group modules */

div.moduletable h3,
div.module h3,
div.module-hilite1 h3,
div.module-hilite2 h3,
div.module-hilite3 h3,
div.module-hilite4 h3 {
	line-height: 20px;
	font-size: 20px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;	
}

td.section div.moduletable {
	margin-bottom: 15px;
	padding-right: 25px;	
	padding-left: 10px;
	padding-top: 0px;
}

td.section div.moduletable h3 {
	height: 35px;
	line-height: 32px;
	margin-top: 0;
	margin-right: -8px;
	margin-bottom: 0;
}

td.sidenav div.module,
td.sidenav div.module-hilite1,
td.sidenav div.module-hilite2,
td.sidenav div.module-hilite3,
td.sidenav div.module-hilite4 {
	margin-bottom: 5px;
	padding-right: 12px;
}

td.sidenav div.module div {
	padding-right: 10px;
}

td.sidenav div.module div div,
td.sidenav div.module-hilite1 div div,
td.sidenav div.module-hilite2 div div,
td.sidenav div.module-hilite3 div div,
td.sidenav div.module-hilite4 div div {
	padding: 0;
}

td.sidenav div.module h3,
td.sidenav div.module-hilite1 h3,
td.sidenav div.module-hilite2 h3,
td.sidenav div.module-hilite3 h3,
td.sidenav div.module-hilite4 h3 {
	height: 55px;
	line-height: 32px;
	margin-bottom: -15px;
	margin-right: -10px;
}

td.subbody div.moduletable h3,
td.inset div.moduletable h3,
td.sidebar div.moduletable h3 {
	line-height: 100%;
	height: 19px;
	line-height: 20px;
	margin-top: 11px;
	margin-bottom: 20px;
}

/* module hilite tweaks */

td.sidenav div.module-hilite1,
td.sidenav div.module-hilite2,
td.sidenav div.module-hilite3,
td.sidenav div.module-hilite4 {
	padding-top: 15px;
}

td.sidenav div.module-hilite1 h3,
td.sidenav div.module-hilite2 h3,
td.sidenav div.module-hilite3 h3,
td.sidenav div.module-hilite4 h3 {
	height: 25px;
	margin-bottom: 10px;
	margin-top: -10px;
	margin-left:  -10px;
}

td.sidenav div.module-hilite1 div,
td.sidenav div.module-hilite2 div,
td.sidenav div.module-hilite3 div,
td.sidenav div.module-hilite4 div {
	padding: 10px;
}

.topadvert div.moduletable {
	padding: 0;
}

/* @end */

/* @group content */

.contentheading {
	padding: 0 0 0 30px;
	line-height: 20px;
	background: url(../images/body/dark/nuznak.png) 5px 50% no-repeat;
}

.contentheading a {
	color: #ec008c;	
/*	text-decoration: underline; */
}

.contentheading a:hover {
	text-decoration: underline;
}

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 {
/*	margin-bottom: 1px; */
  text-align: left;
	display: block; 
	width:  116px;
	height: 15px;
	line-height: 15px;
	margin-left: 3px;
/*	font-weight: bold; */
}

a.readon:hover {
	text-decoration: none;
}

span.content_rating img {
	vertical-align: top;
}

.modifydate {
	height: 12px;
	vertical-align: bottom;
}

.createdate {
	height: 12px;
	vertical-align: bottom;
	padding-bottom: 5px;
	padding-top: 0px;
}

table.contenttoc {
  margin: 0px;
  padding: 0px;
}

table.contenttoc td {
  padding: 0 0px;
}

/* @end */

/* @group pathway */

/* My Comment */

span.pathway {
	display: block;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	margin-bottom: 10px;
	font-weight: bold;
	padding: 0px 15px;

}

span.pathway img {
	float:  left;
	margin: 6px 12px 0 14px;
	border: 0;
	width: 17px;
	height: 18px;
	vertical-align: middle;
}

span.pathway a {
	float:  left;
	font-weight: normal;
}


/* @end */

/* @group sections */

table.mainbody td.mainbody td.sectiontableheader {
/*  font-weight: bold; */
  padding: 4px;
  line-height: 22px;
}

tr.sectiontableentry1 td,
tr.sectiontableentry2 td,
td.sectiontableentry1,
td.sectiontableentry2 {
  padding: 5px;
}

/* @group My Group */

/* @end */

.pollstableborder {
	text-align: left;
}

.pollstableborder .sectiontableentry1,
.pollstableborder .sectiontableentry2 {
	background: none;
	border:  0;
}


/* @group mainmenu */

a.mainlevel {
	text-decoration: none;
}

a.mainlevel {
	font-weight: bold;
	display: block;
	padding: 2px 0 2px 20px;
	margin-bottom: 3px;
}

a.sublevel {
	font-weight: bold;
	text-decoration: none;
	padding-left: 10px;
}

a.mainlevel:hover {
	background: #ec008c;	
	/*text-decoration: underline; */
}

a.sublevel:hover {
	text-decoration: none;
}

.nounder {
	text-decoration: none;
	border: 0;
}

.style-wrapper {
	padding-left: 70px;
	padding-top: 30px;
}

.style {
	float: left;
	margin-right: 50px;
	margin-bottom: 50px;
}

/* @end */

/* @end */

.rokslide {
/*	padding: 15px; */
	padding: 0px 0px;
}

img.album {
	border: 1;
}

/* roklatest stuff */

#accordian {
	margin-right: -10px;
	margin-top: -29px;
	
}


#accordian h3.toggler {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 25px;
	line-height: 25px;
	font-weight: bold;
	padding: 0 5px;
	margin: 0;
	
}

#accordian div.element {
	padding: 10px 5px;
}

/*
Images are wrapped in divs classed "flickr_badge_image" with ids
"flickr_badge_imageX" where "X" is an integer specifying ordinal position.
Below are some styles to get you started!
*/
#flickr_badge_uber_wrapper {text-align:center;}
#flickr_badge_wrapper {padding:10px 20px 10px 20px;}
.flickr_badge_image { float:left;}
.flickr_badge_image img {float: left; margin: 0 3px 3px 0;border: 0;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}