/* Copyright (C) 2007 - 2009 YOOtheme GmbH */

/*

 * Browser Reset

 */



 

 

body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {

	margin: 0; 

	padding: 0;

}



fieldset, img { border: 0; }



 

a:focus { outline: none; }



 

 

html {

	height: 100%;

	margin-bottom: 1px;

}



/*

 * New standard values

 */



/* paragraph */

p {	margin: 10px 0px 15px 0px; }



/* lists 

ul, ol, dl { margin: 1em 0; padding-left: 30px }

dl { margin: 1em 0; }

dd { padding-left: 40px; }
*/


/* tables */

td, th { padding: 1px; }



/* forms */

 

fieldset { border: 1px solid #c8c8c8; }

legend { background: #ffffff; }

textarea, input[type='text'], input[type='password'], select { border: 1px solid #c8c8c8; background: #ffffff; }

textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaaaaa; }

textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #8c8c8c; outline: 2px solid #dcdcdc; }

input[type='button'], input[type='submit'], input[type='checkbox'], input[type='image'], input[type='radio'], input[type='reset'], select, button { cursor: pointer; }

input[type='hidden'] { display: none; }



fieldset { padding: 0 1em 1em 1em; }

legend { padding: 0 .8em 0 .8em; }

textarea, input[type='text'], input[type='password'] { padding: .1em 0 .1em .4em; }

option { padding: 0 0 .1em .4em; }

form div {
	margin-top: 0.2em;
	margin-right: 0;
	margin-bottom: 0.2em;
	margin-left: 0;
}

button, input[type='button'] {
	line-height: 100%;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}



/* links */

a:link, a:visited { text-decoration: none; }

a:hover { text-decoration: underline; }



/* headings */

h1, h2, h3, h4, h5, h6 {

	font-weight: bold;

	margin-bottom: 5px;

	line-height: 100%;

}



h1 { font-size: 260%; }

h2 { font-size: 250%; }

h3 { font-size: 200%; }

h4 { font-size: 175%; }

h5 { font-size: 150%; }

h6 { font-size: 125%; }



/* horizontal rule */

hr {

	margin: 15px 0px 15px 0px;

	display: block;

	background: #c8c8c8;

	height: 1px;

	border: none;

}



/* blockquotes */

blockquote {

	margin: 10px 0 10px 15px;

	padding: 0px 0px 0px 0px;

	font-style: italic;

	font-size: 130%

}



blockquote:first-letter {

	font-size: 150%

}



/* preformatted text elements */

pre {

	margin: 10px 0 10px 0px;

	padding: 5px 0 5px 10px;

	border: 1px dotted #aab4be;

	border-left: 20px solid #b4b4b4;

	background: #fafafa;

	font-size: 90%;

	color: #2E8B57;

	font-family: "Courier New", Courier, monospace;

	/* Browser specific (not valid) styles to make preformatted text wrap */

	/* white-space: pre-wrap;       /* css-3 */

	/* white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */

}



/* acronym */

acronym, abbr {

	border-bottom: 1px dashed #969696;

	cursor: help;

	font-variant: small-caps;

	text-transform: lowercase;

}



/*

 * black styling

 * remove comments for dark colored templates

 */



/*

fieldset { border: 1px solid #323232; }

legend { background: #141414; }

textarea, input[type='text'], input[type='password'], select { border: 1px solid #323232; background: #141414; color: #646464; }

textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #464646; }

textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #646464; outline: 2px solid #282828; }



hr {

	background: #323232;

	color: #323232;

}



blockquote {

	border-top: 1px solid #323232;

	border-bottom: 1px solid #323232;

}



pre {

	border: 1px dotted #3c3c50;

	border-left: 20px solid #323232;

	background: #232328;

}



acronym, abbr {

	border-bottom: 1px dashed #969696;

}

*//* Copyright (C) 2007 - 2009 YOOtheme GmbH */

/*

 * Main Page

 */

 

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 150%;
	color: #333333;
}



body.yoopage {

	background: #fff url(../images/page_bg.png) 50% 0 repeat-x;

}



/* center page */

div.wrapper {

	margin: auto; 
	
background: #fff;
}



/*

 * Layout

 */
.article img {

margin-right: 12px;

}




div#absolute {
	position: absolute;
	z-index: 15;
	top: 0px;
	left: -600px;
	width: 50px;
	
}



div#page-body {
	background-image: url(../images/backbg.png);
	background-repeat: repeat;
	background-position: 0% 0;
}



div#header {

	width: auto;  

	height: 160px;

	padding: 0px 0px 0px 0px;

	position: relative;

	z-index: 10;

	clear: both;  

}



div#toolbar {

	width: auto;  

	height: 25px;

	padding: 0px 5px 0px 5px;

	clear: both;  

	overflow: hidden;

	font-size: 85%;

	line-height: 250%;

}



div#topmenu {

	margin: 0px 10px 0px 0px;

	float: left;

}


#img {
	margin-top: 0px;
	padding-right: 20px;
	margin-bottom: 10px;
	margin-left: 0px;
	float: left;
	width: 300px;
}

#img-hor{
	margin-top: 0px;
	padding-right: 20px;
	margin-bottom: 10px;
	margin-left: 0px;

	width: 425px;
}

#img p, #img-hor p {
	margin-top: 0px;
	padding-right: 10px;
	margin-bottom: 10px;
	margin-left: 20px;

	color: #000000;
	font-size: 90%;
}




div#headerbar {

	width: auto;  

	height: 80px;

	padding: 0px 5px 0px 5px;

	clear: both;  

	overflow: hidden;

}



div#menubar {

	width: auto;  

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	clear: both;  



}


div#menubar div.menubar-3 {

	height: 25px;

	

}



/* Main menu grey bar layout and design */

div#menu {
	background-color: #999999;
	height: 50px;
		
}

ul.menu {

	padding-left: 20px;
}


/* Logo position */
div#logo {

	position: absolute;

	top: 20px;

	left: 30px;

}


/* Search position */
div#search {

	position: absolute;

	top: 75px;

	right: 15px;

	z-index: 12;

	width: 180px;  

	height: 26px;

	padding: 7px 0px 0px 26px;



}


/* Top Mods position */
div#banner {

	position: absolute;

	top: 15px;

	right: -15px;

	width: 0px;

	z-index: 3;

}



div#top {
	width: 860px;
	margin: 0px;
	clear: both;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	
}



div#top .topbox {

	padding-top: 30px;

}


.topbox {
padding-bottom: 10px;

}

/* Middle layout position */
div#middle {
	width: auto;
	margin: 0px;
	clear: both;
	
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	
}


/* Left position */

div#left {

	width: 210px;  

	 

}



.left div#middle div#left {

	float: left;

}



.right div#middle div#left {

	float: right;

}



div#main {

	width: auto;

	 

}



 

div#main {

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

}



 

.left div#main {

	margin: 0px 0px 0px 225px;  

}



 /* Right position */

.right div#main {

	margin: 0px 225px 0px 0px;  

}



div#mainmiddle {

	margin: 0px 0px 15px 0px;

	 

	 

}



.showright div#mainmiddle {  

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

}



div#right {

	width: 180px;  

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	float: right;

}


/* Main content area */
div#content {
	width: auto;
	margin: 0px;
	padding-right: 25px;
	padding-left: 25px;
	padding-bottom: 0px;


}

.showright div#content {

	margin: 0px 210px 0px 0px;  

}


div#contenttop {

	margin: 0px 0px 15px 0px;

}


div#breadcrumbs {

	margin-bottom: 10px;

	font-size: 85%;

}

div#contentbottom {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


/* Main bottom area */

div#mainbottom {

	padding: 0px 0px 0px 0px;

}

div#bottom {
	margin: 0px;
	clear: both;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 8px;
	
}


div#bottom .bottomblock  {
	margin-top: 20px;


}


/* Main footer area */
div#footer {

	width: auto;  

	min-height: 50px;

	 

	margin: 0px 0px 0px 0px;

	padding: 0px 5px 0px 5px;

	clear: both;  

	text-align: center;

	color: #323232;

}



div#footer a:link, div#footer a:visited {

	color: #323232;

}



div#footer a:hover {

	color: #323232;

}



div#footer a.anchor {

	margin: 0px 0px 0px 0px;

	width: 30px;

	height: 5px;

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

	display: block;

	float: right;

	text-decoration: none;

}



/*

 * Clearing & Floating

 */



 

 

.clearfix:after {

	content: "."; 

	display: block; 

	height: 0;  

	clear: both; 

	visibility: hidden;

}

	

 

.clearfix { display: block; }



 

.floatbox { overflow:hidden; }



.float-left { float: left; overflow: hidden; }

.float-right { float: right; overflow: hidden; }



.width15 { width: 14.999%; }

.width18 { width: 18.333%; }

.width20 { width: 19.999%; }

.width23 { width: 22.999%; }

.width25 { width: 24.999%; }

.width33 { width: 33.333%; }

.width35 { width: 34.999%; }

.width40 { width: 39.999%; }

.width45 { width: 44.999%; }

.width50 { width: 49.999%; }

.width54 { width: 53.999%; }

.width65 { width: 64.999%; }

.width75 { width: 74.999%; }

.width100 { width: 100%; }


/* Main content area

.ff_label {
	margin-top: 0px;

}

.droppableArea ul, .droppableArea li {

margin: 0px;
padding: 0px;

}

#ff_elem37, #ff_elem22, #ff_elem29 {
	font-size: 115%;
	font-weight: bold;
	color: #003366;
	margin-top: 10px;
	margin-bottom: -10px;
padding-bottom: -10px; 
}*/

ul li {
	margin-left: 6px;
	list-style-type: disc;
}

ul.level_1 li {
	list-style-type: disc;

}


/********************* FORM ELEMENTS **********************/



#formcontrol  {

	MARGIN: 10px;

	width: 380px;

	padding-top: 10px;

	



}



#formcontrol INPUT {

	FONT-SIZE: 12px;

	width: 200px;

	

	

	color: #000000;

	border: 1px solid #999999;

}



#formcontrol INPUT  .inputsmall{

	FONT-SIZE: 12px;

	width: 100px;

	

	font-weight: bold;

	line-height: 24px;

	color: #000000;

	background: #FFFFFF;

	border: 1px solid #999999;

}



#formcontrol label {

	position : relative;

	display : block;

	padding-top: 5px;

	padding-bottom: 5px;

	width: 270px;

	font-weight: bold;

	color: #666666;	

	



} 





#formcontrol label input {

	text-align: left;

	visibility: visible;

	position: absolute;

} 





#formcontrol label select {

	text-align: left;

	visibility: visible;

	position: absolute;

	width: 145px;

} 



#formcontrol label select .small-sel {

	text-align: left;

	visibility: visible;

	position: absolute;

	width: 100px;

}



#formcontrol label select .small-large {

	text-align: left;

	visibility: visible;

	left: 225px;

	position: absolute;

	width: 145px;

}



#formcontrol label textareaq {

	text-align: left;

	visibility: visible;

	position: absolute;

	padding-bottom: 50px;

	

} 





.message {

	font-weight: bold;

	color: #FF0000;



}



#formcontrol fieldset {

	width: 225px;

	line-height: 22px;

	color: #000000;

	background: #CCCCCC;



	border: 1px solid #999999;

	



}



#formcontrol textarea {

	line-height: 22px;

	color: #000000;

		

	border: 1px solid #999999;

	font-weight: bold;

	

} 



#formcontrol .submitgo {

	


} 









#formcontrol .box {



	width: 30px;



}





.chronoform {



	display: none;

}



.validation-advice {

	font-weight: bold;

	color: #FF0000;

	

}



.box {

	height: 25px;

	width: 25px;



}



/* ********** New Form layout ***************/



#formcontrol {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */

  font:100% verdana,arial,sans-serif;

  margin: 0;

  padding: 0;



width: 600px;

}



#formcontrol fieldset {

  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */

  border-color: #000;

  border-width: 1px;

  border-style: solid;

  padding: 10px;        /* padding in fieldset support spotty in IE */

  margin: 0;

}



#formcontrol fieldset legend {

	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */

                       /* be careful with padding, it'll shift the nice offset on top of border  */

}



#formcontrol label {

	display: block;  /* block float the labels to left column, set a width */

	float: left;

	width: 250px;

	padding: 0;

	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */

	text-align: left;

	font-size: 11px;

	font-weight: normal;

	color: #333333;	

}


#formcontrol .labelbox label {

	display: block;  /* block float the labels to left column, set a width */

	float: left;

	width: 350px;

	padding: 0;

	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */

	text-align: left;

	font-size: 11px;

	font-weight: normal;

	color: #333333;	

}
#formcontrol .labelcheck label {

	display: block;  /* block float the labels to left column, set a width */

	float: left;

	width: 550px;

	padding: 0;

	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */

	text-align: left;

	font-size: 11px;

	font-weight: normal;

	color: #333333;	

}



#formcontrol fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */

	text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */

                                    /* pseudo-class on legend elements, but do support it on label elements */

                                    /* we instead underline first letter on each label element and accesskey */

                                    /* each input. doing only legends would  lessens cognitive load */

                                   /* opera breaks after first letter underlined legends but not labels */

}



#formcontrol input, form textarea {

	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */

	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */

	margin:5px 0 5 10px; /* set margin on left of form elements rather than right of

                              label aligns textarea better in IE */

}



#formcontrol input#reset {

	margin-left:0px; /* set margin-left back to zero on reset button (set above) */

}



textarea { overflow: auto; }



#formcontrol .small {


	font-size: 75%;

}



#formcontrol .validation-advice{

	font-weight:normal;

	font-size: 11px;

} /* uses class instead of div, more efficient */



#formcontrol br {

	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */

}





.row2  {

	background: #CCCCCC;

	border-top-width: 1px;

	border-bottom-width: 1px;

	border-top-style: solid;

	border-bottom-style: solid;

	border-top-color: #666666;

	border-right-color: #666666;

	border-bottom-color: #666666;

	border-left-color: #666666;

	padding-top: 5px;

	padding-bottom: 0px;

	padding-left: 5px;
	height: 35px;

}





.row  {


height: 35px;
	padding-top: 5px;

	padding-bottom:0px;

	padding-left: 5px;

}



#formcontrol .submitgo {

	



} 



*html #formcontrol .submitgo { /*IE hack for Submit  */

	



}


#formcontrol textarea {

	FONT-SIZE: 12px;

	width: 350px;



	font-weight: bold;

	color: #000000;

	border: 1px solid #999999;

}

.checkbox {

margin-left: 10px;
}

.blog h3  {
	font-size: 110%;
	color: #333333;

}

.check-big {
	color: #502D89;
	font-weight: bold;	

}




div.wrapper { width: 860px; }/* Copyright (C) 2007 - 2009 YOOtheme GmbH */

/*

 * headings

 */



h1, h2, h3, h4, h5, h6 {

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

}



h1 {
	font-weight: normal;
	color: #666666;
	font-size: 260%;
}



#page h1 a {

	color: #c8001e;

	text-decoration: none;

}



h2 {

	color: #8C9196;
font-size: 200%;
}



h3 {
	color: #502D89;
	font-size: 160%;
	padding-top: 20px;
}


.item h1 {
	color: #502D89;
	font-weight: normal;
	font-size: 180%;
}


h4 {

	font-weight: normal;

	color: #c8001e;

}



h5 {

	color: #6E7378;

}



h6 {

	color: #c8001e;

}





 * anchor

 */



a:link, a:visited {

	color: #C8001E;

}



a:hover {

	color: #ff0000;

}



a.icon-folder {

        padding-left: 17px;

        background: url(../images/typography/icon_folder.png) 0 40% no-repeat;

}



a.icon-file {

        padding-left: 17px;

        background: url(../images/typography/icon_file.png) 0 40% no-repeat;

}



a.icon-download {

        padding-left: 17px;

        background: url(../images/typography/icon_download.png) 0 40% no-repeat;

}



a.icon-external {

        padding-left: 17px;

        background: url(../images/typography/icon_external.png) 0 40% no-repeat;

}



a.icon-pdf {

        padding-left: 17px;

        background: url(../images/pdf_button.png) 0 40% no-repeat;

}



/*

 * emphasis

 */



em.box { 

	padding: 0px 4px 0px 4px;

	background: #e6e9eb;

	border-bottom: 1px dotted #646464;

	font-style: normal;

}



/*

 * unsorted lists

 */



ul.arrow,

ul.checkbox,

ul.check,

ul.star {

	margin: 10px 0px 10px 0px;

	padding-left: 20px;

	list-style: none;

}



ul.arrow li,

ul.checkbox li,

ul.check li,

ul.star li {

	margin: 5px 0px 5px 0px;

	padding-left: 35px;

	font-weight: bold;

	line-height: 26px;  

}



ul.arrow li { background: url(../images/typography/list_arrow.png) 0 0 no-repeat; }

ul.checkbox li { background: url(../images/typography/list_checkbox.png) 0 0 no-repeat; }

ul.check li { background: url(../images/typography/list_check.png) 0 0 no-repeat; }

ul.star li { background: url(../images/typography/list_star.png) 0 0 no-repeat; }





/*

 * ordered lists

 */



ol.disc {

	margin: 10px 0px 10px 0px;

	padding: 0px 0px 0px 45px;

	background: url(../images/typography/list_disc.png) 20px 0px repeat-y;

}



ol.disc li {

	

}



/*

 * horizontal rule

 */

 

hr.dotted {

	margin: 15px 0px 15px 0px;

	display: block;

	background: url(../images/typography/line_dotted.png) 0 0 repeat-x;

	height: 1px;

	border: none;

}



/*

 * highlighted div and span tags

 */



span.note,

span.info,

span.alert,

span.download,

span.tip {

	display: block;

}



div.note, span.note {

	margin: 10px 0px 10px 0px;

	padding: 5px 10px 5px 10px;

	background: #f4f5f6;

	border-top: 1px dotted #aab4be;

	border-bottom: 1px dotted #aab4be;

	text-align:justify;

}



div.info, span.info,

div.alert, span.alert,

div.download, span.download,

div.tip, span.tip {

	margin: 10px 0px 10px 0px;

	padding: 8px 10px 8px 35px;

}



div.info, span.info {

	background: #f4f5f6 url(../images/typography/box_info.png) 3px 5px no-repeat;

	border-top: 1px dotted #aab4be;

	border-bottom: 1px dotted #aab4be;

}



div.alert, span.alert {

	background: #fff5eb url(../images/typography/box_alert.png) 3px 5px no-repeat;

	border-top: 1px dotted #ffb4a0;

	border-bottom: 1px dotted #ffb4a0;

}



div.download, span.download {

	background: #f5faeb url(../images/typography/box_download.png) 3px 5px no-repeat;

	border-top: 1px dotted #78be5a;

	border-bottom: 1px dotted #78be5a;

}



div.tip, span.tip {

	background: #fffdeb url(../images/typography/box_tip.png) 3px 5px no-repeat;

	border-top: 1px dotted #ffc864;

	border-bottom: 1px dotted #ffc864;

}



/*

 * p tag with dropcaps

 */

 

p.dropcap:first-letter {

	display: block;

	margin: 7px 4px 0px 0px;

	float: left;

	font-size: 280%;

	font-family: Georgia, "Times New Roman", Times, serif;

}



/*

 * blockquotes

 */



q.blockquote {

	display: block;

}



q.blockquote {

	margin: 10px 0px 10px 15px;

	padding: 0px 0px 0px 0px;

	font-style: italic;

	font-size: 130%

}



q.blockquote:before,

q.blockquote:after {

  content: "";

}



blockquote:first-letter,

q.blockquote:first-letter,

blockquote.quotation p:first-letter {

	font-size: 150%

}



blockquote.quotation {

	margin: 10px 0px 10px 0px;

	padding: 10px 35px 10px 35px;

	border: none;

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

	text-align:justify;

}



blockquote.quotation p {

	margin: 0px -35px -10px 0px;

	padding: 0px 35px 10px 0px;

	background: url(../images/typography/blockquote_end.png) 100% 100% no-repeat;

}



/*

 * floating boxes

 */



body .inset-left {

	margin: 15px 15px 10px 0px;

	float: left;

}



body .inset-right {

	margin: 15px 0px 10px 15px;

	float: right;

}/* Copyright (C) 2009 Reddishpink*/

/*

 * topmenu Not used July 09

 */



 

div#topmenu ul {

	margin: 0px;

	padding: 0px;

	list-style: none;

	float: left;  

}



div#topmenu li {

	margin: 0px;

	padding: 0px;

	float: left;

	display: block;

}



div#topmenu li a {
	display: block;
	height: 25px;
	padding: 0px 10px 0px 10px;
	background: url(../images/topmenu_item_bg.png) 0 8px no-repeat;
	float: left;
	overflow: hidden;
	text-decoration: none;

}



div#topmenu li.item1 a {

	padding: 0px 10px 0px 0px;

	background: none;

}



div#topmenu a:link, div#topmenu a:visited {

	color: #646464;

}



div#topmenu a:hover {

	color: #000000;

	text-decoration: underline;

}



/*

 *********************** Main Menu styles 

 */

div#menu {


}

 

div#menu ul {
	margin: 0px;
	list-style: none;
	width: 860px;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background: url(../images/menubar_m.png) 0 0 repeat-x; 	
	

}


div#menu li {

	position: relative;
	display: block;

	float: left;

	z-index: 5;  

}

div#menu li.current {
	padding-top: 0px;
	height: 25px;
	background-repeat: no-repeat;
	background-position: 0 top;
}

div#menu li a {

	height: 25px;

	display: block;

	float: left;

	text-transform: uppercase;

	text-decoration: none;

	color: #ffffff;

}



div#menu li span {  

	display: block;

	cursor: pointer;

	background-repeat: no-repeat;  

	background-position: 95% 0px;  

}


/* disbales padding above the active menu*/

div#menu a.active span{

	padding-top: 0px;

}



div#menu a:hover,

div#menu span.separator:hover,

div#menu span.sfhover {
	color: #FF9900;
	/* color: #000000; */

}
/* styles for the current menu, grey back, white*/
div#menu a.active  {
	color: #fff;
	padding-top: 0px;


}



div#menu li.level1 {
	height: 25px;
}


/* menu IL styles*/
div#menu li.level1 {
	font-size: 100%;
	height: 25px;
	padding-top: 0px;
	padding-right: 26px;
	padding-bottom: 0px;
	padding-left: 25px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #333333;
}

div#menu li.level1 span {
	padding-top: 2px;
}

div#menu li.level1 active {
	padding-top: 0px;
}

div#menu li.last {
	padding-right: 35px;
	padding-left: 26px;
	background:none;
	
}


div#menu li.first {
	border: none; /* no border on first item */
	
}


/* Page class suffix colors */
body.turquoise div#menu li.turquoise {
	background: url(../images/menu_level1_item_active_l.png) 0 0 no-repeat;
	margin-top: 0px;
	margin-right: -7px;
	margin-bottom: 0px;
	margin-left: 0px;
	
}

body.yellow div#menu li.yellow {
	background: url(../images/menu_level1_item_active_l.png) 0 0 no-repeat;
	margin-top: 0px;
	margin-right: -7px;
	margin-bottom: 0px;
	margin-left: 0px;
	
}
body.orange div#menu li.orange {
	background: url(../images/menu_level1_item_active_l.png) 0 0 no-repeat;
	margin-top: 0px;
	margin-right: -7px;
	margin-bottom: 0px;
	margin-left: 0px;
	
}


body.red div#menu li.red {  

	margin: 0px -7px 0px 0px;

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

}

/*********************** LI Hyperlink styles for main menu ********************************
/*******************/                                             /***************************/
div#menu li.last a.level1, div#menu li.last span.level1 {  

	background: none;
	padding-right: 0px;
	margin-right: 0px;
}



div#menu li.active {
	background: url(../images/menu_level1_item_active_l.png) 0 0 no-repeat;
	margin-top: 0px;
	margin-right: -7px;
	margin-bottom: 0px;
	margin-left: 0px;
}


div#menu li.level1 li.active {   

	margin: 0px;

	background: none;
	

}



div#menu a.level1 span.title, div#menu span.level1 span.title{

	padding: 0px;

	font-size: 100%;

	line-height: 180%;

}


div#menu a.level1 span.sub, div#menu span.level1 span.sub {

	margin-top: -5px;

	padding: 0px 0px 10px 0px;

	background: none;

	font-size: 70%;

	font-weight: normal;

	color: #ffffff;

	line-height: 10px;

}



div#menu li.fancy {

	position: absolute;

	top: 0px;

	visibility: hidden;

	z-index: 4;

	overflow: hidden;

	background: #c8001e;

}



div#menu li.bg-blue { background: #00bed2; }

div#menu li.bg-pink { background: #c800c8; }

div#menu li.bg-orange { background: #dc5000; }

div#menu li.bg-green { background: #78c800; }

div#menu li.bg-yellow { background: #FFC800; }

div#menu li.bg-lilac { background: #6432C8; }

div#menu li.bg-turquoise { background: #00DCB4; }


div#menu ul.menu ul {

	position: absolute;

	top: 39px;

	left: -999em;  

	width: 265px;

	padding: 2px 0px 3px 0px;

	

}


div#menu li:hover ul, div#menu li.sfhover ul {

	left: 0px;  

	z-index: 100;

}



div#menu li.level1 li {

   	width: 100%;  

	text-indent: 15px;

}



div#menu li.level1 li a, div#menu li.level1 li span.separator{

	height: 25px;

	padding: 0px;

	margin: 0px 1px 0px 1px;

	background: none;

	float: none;  

	display: inline;



}



div#menu li ul ul {

	margin: -42px 0 0 164px;  

}



div#menu li:hover ul ul, div#menu li.sfhover ul ul {

	border-top: 1px solid #000000;

}



 

div#menu li:hover ul ul, div#menu li.sfhover ul ul,  

div#menu li:hover ul ul ul, div#menu li.sfhover ul ul ul,  

div#menu li:hover ul ul ul ul, div#menu li.sfhover ul ul ul ul {  

	left: -999em;

}



 

div#menu li li:hover ul, div#menu li li.sfhover ul,  

div#menu li li li:hover ul, div#menu li li li.sfhover ul,  

div#menu li li li li:hover ul, div#menu li li li li.sfhover ul {  

	left: 0;

	z-index: 100;

}





/*

 * sub menu

 */
/*********************** POS for SUB menu ********************************
/*******************/                                             /***************************/


div#middle div.mod-menu div.module ul,

div#middle div.mod-menu div.module ul {

	margin: 0px;

	padding: 0px;

	overflow: hidden;

	list-style: none;

}



div#middle ul.menu li {

	margin: 0px;

	padding: 0px;

	display: block;

}



div#middle ul.menu a, div#middle ul.menu span.separator {

	height: 25px;

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

	display: block;

	line-height: 25px;

	text-decoration: none;

	color: #ffffff;

}



div#right ul.menu a, div#right ul.menu span.separator {  

	background: none;

	color: #646464;

}



div#middle ul.menu li span {  

	display: block;

	background-repeat: no-repeat;  

	background-position: 95% 0px;  

}



div#middle ul.menu a.current {  

	font-weight: bold;

}



div#middle ul.menu a:hover,

div#middle ul.menu span.separator:hover,

div#middle ul.menu span.sfhover {  

	/* color: #ff0000; */

}



div#middle ul.menu a.active, div#middle ul.menu span.active {  

	/*color: #ffffff;*/

}



div#middle ul.menu li.parent span.separator {  

	cursor: pointer;

}



div#middle ul.menu a.parent, div#middle ul.menu span.parent {  

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

}



div#right ul.menu a.parent, div#right ul.menu span.parent {  

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

}



 

div#middle ul.menu li.level1 {

}



div#middle ul.menu a.level1, div#middle ul.menu span.level1 {

	text-indent: 15px;

}



 

div#middle ul.menu li.level2 {



}



div#right ul.menu li.level2 { background: url(../images/submenu_r_level2_item.png) 20px 0px no-repeat; }  



div#middle ul.menu a.level2 {

	text-indent: 35px;

}



div#middle ul.menu a.level2 span {

}



 

div#middle ul.menu li.level3 {

	background: url(../images/submenu_l_level2_item.png) 30px 0px no-repeat;

}



div#right ul.menu li.level3 { background: url(../images/submenu_r_level2_item.png) 30px 0px no-repeat; }  



div#middle ul.menu a.level3 {

	text-indent: 45px;

}



div#middle ul.menu a.level3 span {

}



 

div#middle ul.menu li.level4 {

	background: url(../images/submenu_l_level2_item.png) 40px 0px no-repeat;

}



div#right ul.menu li.level4 { background: url(../images/submenu_r_level2_item.png) 40px 0px no-repeat; }  



div#middle ul.menu a.level4  {

	text-indent: 55px;

}


ul.level2 {
	display: inline;
	float: left;
	position: absolute;
	left: 5px;
	top: 300px;
	background-color: #CCCCCC;	

}

/*********************** SUB MENU STYLES for all sub pages - about, events ect.********************************
/*******************/    


.abtmenu {
	position: absolute;
	top: 145px;
	z-index: 50;
	height: 15px;
}



.abtmenu li {
	margin: 0px;
	float: left;
	display: block;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 0px;


}

.abtmenu li a {
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}

.abtmenu li a:hover {
	font-weight: bold;
	color: #FFCC33;
	text-decoration: none;
}

.abtmenu li a.active {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

/**** LI And Hyperlink styles for the Director of Year Pages with the tab styles ***********/



.dirmenu li {
	margin: 0px;
	float: left;
	display: block;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 0px;


}

.dirmenu li a {
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}

.dirmenu li a:hover {
	font-weight: bold;
	color: #FFCC33;
	text-decoration: none;
}

.dirmenu li a.active {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}


.dirmenu ul.menu {

	height: 30px;
	padding-left: 0px;
	margin-left: 0px;
	


}


.dirmenu ul.menu  li.level1 {
	margin-top: 0px;
	margin-right: -1px;
	margin-bottom: 0px;
	margin-left: 0px;
}




/**** Footer menu styles - the acessibility menu ***********/

#footer ul.menubottom  {	
	float: left;

}


#footer ul.menubottom li {

	padding: 3px;
	display: inline;

}
#footer ul.menubottom li a {

	display: inline;
	text-transform: lowercase;
	color: #333333;
	text-decoration: none;
	
}

#footer ul.menubottom li a:hover {

	color: #990000;
	
}

/**** The tab styles for the DIR of the year pages - creates the grey/purple back grounds and the colors for the Hyperlinks ***********/


#maintop ul.menu li.level1  {
	background: url(http://www.iodscotland.com/modules/mod_yoo_carousel/styles/basic/images/top_tab_l.png) 0 0 no-repeat;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


#maintop ul.menu li.level1 a  {
display: block;
	padding: 0px 10px 0px 10px;
	background: url(http://www.iodscotland.com/modules/mod_yoo_carousel/styles/basic/images/top_tab_r.png) 100% 0 no-repeat;

}



#maintop ul.menu li.level1 a span  {
	background: url(http://www.iodscotland.com/modules/mod_yoo_carousel/styles/basic/images/top_tab_m.png) 0 0 repeat-x;
	font-weight: bold;
	font-size: 110%;
	overflow: hidden;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: -5px;
}

#maintop ul.menu li.current a span{

	background: url(http://www.iodscotland.com/modules/mod_yoo_carousel/styles/basic/images/top_tab_m_sel.png) 0 -30px repeat-x;

}

#maintop ul.menu li.current  {

	background: url(http://www.iodscotland.com/modules/mod_yoo_carousel/styles/basic/images/top_tab_l_sel.png) 0 -30px no-repeat;

	cursor: pointer;

}

#maintop ul.menu li.current a  {
display: block;
	padding: 0px 10px 0px 10px;

	background: url(http://www.iodscotland.com/modules/mod_yoo_carousel/styles/basic/images/top_tab_r_sel.png) 100% 0 no-repeat;

}


#maintop ul.menu li.level1 a.current  {

	color: #fff;
}


#maintop ul.menu li.level1 a:hover  {

	color: #FFCC00;
}


/* Copyright (C) 2009 Reddishpink*/

/*

 * module headers

 */



/* reset header for all modules */

div.module h3.module {
	margin-bottom: 0px;
	font-size: 110%;
	color: #34145D;
	font-weight: normal;
	background-color: #999999;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
	width: 277px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}



/* header span's */

div.module span.header-2,

div.module span.header-3 {

	display: block;

}



/*

 * space for adjoining modules

 */



.separator div.module {

	margin: 0px 15px 0px 0px;

}



#left div.module,

#right div.module {

	margin: 0px 0px 15px 0px;

}



#top .topblock div.module {

	margin: 15px 0px 0px 0px;

}



#bottom .bottomblock div.module {

	margin: 0px 0px 15px 0px;

}



/*

 * styling for special positions

 */



div#toolbar div.module {

	margin-left: 20px;

	float: right;

}



div#headerbar div.module {

	margin-left: 20px;

	float: right;

}



/*

 * badge styling for all modules

 */

 

div.module {

	position: relative;

}

 

div.module div.badge-new {

	position: absolute;

	top: 0px;

	right: 0px;

	width: 39px;

	height: 39px;

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

	z-index: 1;

}



div.module div.badge-top {

	position: absolute;

	top: 0px;

	right: 0px;

	width: 39px;

	height: 39px;

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

	z-index: 1;

}



div.module div.badge-pick {

	position: absolute;

	top: 0px;

	right: 0px;

	width: 39px;

	height: 39px;

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

	z-index: 1;

}



/*

 * module: blank

 */

 

div.mod-blank div.module {

	overflow: hidden;

}



div.mod-blank h3.module {

	height: 20px;

	line-height: 20px;

}







/*

 * module: rounded transparent (only for header position)

 */

 

div.mod-roundedtrans-header div.module {

	margin-top: 5px;

}



div.mod-roundedtrans-header div.box-1 {

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

}



div.mod-roundedtrans-header div.box-2 {

	padding: 0px 10px 0px 10px;

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

}



div.mod-roundedtrans-header div.box-3 {

	height: 60px;

	padding: 5px 0px 5px 0px;

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

	overflow: hidden;

}



/* blank */

#headermodule div.module-blank {

	margin: 0px 0px 0px 10px;

	overflow: hidden;

	float: right;

}





/*

 * module: black

 */






div.mod-black div.box-b1 {

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

}



div.mod-black div.box-b2 {

	padding: 0px 10px 0px 10px;

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

}



div.mod-black div.box-b3 {

	height: 9px;

	border-bottom: 1px solid #DCDCDC;

	background: #F0F0F0;

}



div.mod-black h3.header {

	margin: 0px 0px 5px 0px;

	font-size: 150%;

	letter-spacing: -1px;

	text-indent: 10px;

}



div.mod-black h3.header span.color {

	color: #141414;

}



/* menu */

div.mod-menu div.box-6 {

	padding: 10px 0px 10px 0px;

}



/* MOD styles for the Dir of year awards page - the bottom content menu with the tabs.
The list styles are in the menu.css
*/

div.dirmenu {
	overflow: hidden;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	margin: 0px;
	margin-left: 20px;
	margin-bottom: 20px;

	height: 35px;
}



div.mod-dotted div.module {

	padding: 0px 0px 15px 0px;

}



div.mod-dotted div.box-1 {

	overflow: hidden;

}



div.mod-dotted h3.header {

	margin: 0px 0px 3px 0px;

	padding:0px 0px 6px 0px;

	background: url(../images/module_dotted_header.png) 0 100% repeat-x;

	font-size: 150%;

	letter-spacing: -1px;

}



div.mod-dotted h3.header span.color {

	color: #141414;

}





/*

 * module: polaroid

 */



div.mod-polaroid div.badge-tape {

	position: absolute;

	top: -13px;

	left: 50%;

	width: 114px;

	height: 38px;

	margin-left: -57px;

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

	z-index: 1;

}



div.mod-polaroid div.box-1 {

	margin-top: 13px;

	padding: 10px 10px 5px 10px;

	border-top: 1px solid #C8C8C8;

	border-left: 1px solid #C8C8C8;

	border-right: 1px solid #C8C8C8;

	background: #ffffff url(../images/module_polaroid_bg.png) 0 100% repeat-x;

	overflow: hidden;

}



div.mod-polaroid div.box-2 {

	margin-bottom: 5px;

	background: #000000;

}



div.mod-polaroid div.box-3 {

	padding: 10px 15px 10px 15px;

	overflow: hidden;

	font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-style: italic;

	color: #C8C8C8;

}



div.mod-polaroid div.box-b1 {

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

}



div.mod-polaroid div.box-b2 {

	padding: 0px 70px 0px 70px;

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

}



div.mod-polaroid div.box-b3 {

	height: 5px;

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

}



div.mod-polaroid h3.header {

	height: 25px;

	margin: 0px 0px 0px 0px;

	font-size: 150%;

	line-height: 25px;

	text-align: center;

	letter-spacing: -1px;

	font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-style: italic;

	color: #323232;

}



/*

 * module: postit

 */



div.mod-postit div.box-1 {

	border-top: 1px solid #F2F2F2;

	border-left: 1px solid #F2F2F2;

	border-right: 1px solid #F2F2F2;

	background: #FFFFAA;

}



div.mod-postit div.box-2 {

	padding: 15px 15px 0px 15px;

	overflow: hidden;

	font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-style: italic;

}



div.mod-postit div.box-b1 {

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

}



div.mod-postit div.box-b2 {

	padding: 0px 90px 0px 60px;

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

}



div.mod-postit div.box-b3 {

	height: 40px;

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

}



div.mod-postit h3.header {

	height: 30px;

	margin: -15px -15px 5px -15px;

	background: #FFFFDA;

	font-size: 150%;

	line-height: 30px;

	text-indent: 15px;

	letter-spacing: -1px;

	font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-style: italic;

}



/*

 * module: tab

 */

 

div.mod-tab div.module {

	padding: 15px 0px 0px 0px;

}



div.mod-tab div.box-1 {

	background: url(../images/module_tab_l.png) 0 0 repeat-y;

}



div.mod-tab div.box-2 {

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

}



div.mod-tab div.box-3 {

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

}



div.mod-tab div.box-4 {

	padding: 15px 15px 10px 15px;

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

}



div.mod-tab h3.header {

	position: absolute;

	top: 0px;

	left: 0px;

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

	line-height: 30px;

	font-size: 130%;

	letter-spacing: -1px;

}



div.mod-tab span.header-2 {

	display: block;

	padding: 0px 20px 0px 15px;

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

}



div.mod-tab span.header-3 {

	display: block;

	height: 30px;

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

}



div.mod-tab h3.header span.color {

	color: #323232;

}



/*
 * Custom modules not used as of go live - july 09

.button a:link {
color: #fff;

}

.doy {
width: 325px;
}

.hdr {

width: 535px;

}

.slide .article {
	
padding-top: -10px;

} */



/* custom news mods */

/** The Homepage news mods for both the BBC and IOD ******/
div.module {
	padding-bottom: 0px;
	margin-bottom: 0px;

}
/******* IOD news Doesnt use a UL LI - Mod Dispaly News ******/
.iodnews span a {
	font-size: 100%;
	font-weight: bold;
	color: #fff;
}

.iodnews .contentpaneopen {

padding-left: 20px;
padding-top: 15px;

}


.iodnewslist div {
	margin-left: 10px;
	padding-left: 20px;
}

div.iodnewslist span  {
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;

}

div.iodnewslist span a  {
	padding-left: 20px;

}
div.iodnewslist span a:link  {
	padding-left: 20px;

}


.iodnewslist a:visited, .slick-rss-container a:visited{
	color: #FF9900;

}

/*********** The BBC news uses a Mod Slick RSS feed styled here **********/
ul.slick-rss-listbbcnews {
	padding-left: 20px;

}

ul.slick-rss-listbbcnews li a {
	font-size: 100%;
	font-weight: bold;
	

}


.slick-rss-container {
	padding-left: 10px;
	
}


ul.slick-rss-listbbcnews li, .contentpaneopen li {
	list-style-image: url(../images/arrow.gif);
	padding-top: 2px;
	padding-bottom: 2px;



}
/*********** Bottom Box on homepage background and Pos **********/
#bottom .bottombox {
	width: 276px;
	height: 168px;
	background-image: url(../images/newsback.jpg);
	background-repeat: no-repeat;
	background-position: 0px 20px;
	margin-left: 5px;
	
}

#bottom .bottombox .member {
	height: 160px;
	
}



#bottom .bottombox ul li a:link, .contentpaneopen li a:link {
	color: #FFFFFF;	
}

/** Hide.Hack for Search page to hide the small print **/
.info {
	display: none;

}



/* drawer - not used 

#yoo-drawer-1 h3 {
	color: #CCCCCC;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	margin-left: 5px;
	padding-left: 125px;
	

}

p.drawer {
	color: #FFFFFF;
	padding-left: 129px;
		padding-right: 5px;


}
*/


/** Cont Bottom Mods styles and Pos creatin the border under ad above the mags and events images **/

#contentbottom {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-bottom-color: #000000;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 840px;
	
}
/** Mag Page style and pos**/
.magazine #contentbottom {
	width: 760px;
	
	
}

/** Styles for the mag page using the page suffix color, th emag page is not as wide as the events page **/
.turquoise #contentbottom{
	width: 600px;
	padding-right: 260px;
	
}

#contentbottom .c2a .module {
	
	margin-right: 10px;
	padding-right: 10px;
	width: 250px;
	
}

.magazine .c2a .module {
	margin-right: 10px;
	width: 150px;

}/* Copyright (C) 2007 - 2009 YOOtheme GmbH */

/*

 * global CSS

 * not inside joomla CSS class

 */



/* readmore button */

p.readmore {

	overflow: hidden;

}

p {
	color: #333333;

}



a.readmore {

	width: 100px;

	height: 20px;

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

	display: block;

	float: left;

	line-height: 20px;

	text-indent: 10px;

	font-size: 90%;

}



a.readmore:link, a.readmore:visited {

	color: #ffffff;

	text-decoration: none;

}



a.readmore:hover {

	background: transparent url(../images/readmore.png) 0 -20px no-repeat;

	color: #ffffff;

	text-decoration: none;

}



body.yoopage a.readmore:link, body.yoopage a.readmore:visited { color: #ffffff; }

body.yoopage a.readmore:hover { color: #ffffff; }



/* tooltips */

.tool-tip {

	float: left;

	background: #ffc;

	border: 1px solid #D4D5AA;

	padding: 5px;

	max-width: 200px;

	color: #323232;

}



.tool-title {

	padding: 0;

	margin: 0;

	font-size: 100%;

	font-weight: bold;

	margin-top: -15px;

	padding-top: 15px;

	padding-bottom: 5px;

	background: url(../../system/images/selector-arrow.png) no-repeat;

}



.tool-text {

	font-size: 100%;

	margin: 0;

}



/*

 * general

 * used by Jommla core components

 */



div.joomla h1 {

	letter-spacing: 0px;

}



div.joomla h2,

div.joomla h3,

div.joomla h4,

div.joomla h5 {

	letter-spacing: -1px;

}



div.joomla h1.pagetitle {

}



div.joomla div.description {

	margin: 10px 0px 10px 0px;

	overflow: hidden;

}



div.joomla div.description img.left {

	margin-right: 15px;

	float: left;

}



div.joomla div.description img.right {

	margin-left: 15px;

	float: right;

}



div.joomla div.filter {

	margin: 10px 0px 10px 0px;

}



div.joomla th {

	padding: 5px 5px 5px 5px;

	background: #ebebeb;

	border-bottom: 1px solid #b4b4b4;

	font-weight : bold;

}



div.joomla tr.even td {

	padding: 5px 5px 5px 5px;

	background: #f0f0f0;

	border-bottom: 1px solid #dcdcdc;

}



div.joomla tr.odd td {

	padding: 5px 5px 5px 5px;

	background: #fafafa;

	border-bottom: 1px solid #dcdcdc;

}



 

div.joomla span.number {

	color: #969696;

	font-style: italic;

}



/*

 * com_content

 * blog layout (frontpage, category, section)

 * sub selectors: blog

 */

 

div.joomla div.blog div.description {  

	margin: 10px 0px 15px 0px;

	padding-bottom: 20px;

	background: url(../images/article_separator.png) 50% 100% repeat-x;

}

div.joomla div.blog  {  

	margin: 0px;

	padding: 0px;

	

}

div.joomla div.leadingarticles {

	overflow: hidden;

}



div.joomla div.teaserarticles {

	overflow: hidden;

}



div.joomla div.item {

	margin-bottom: 15px;

}



div.joomla div.item-bg {

	padding-bottom: 5px;

	background: url(../images/article_separator.png) 50% 100% repeat-x;

	overflow: hidden;

}



div.joomla div.multicolumns div.item {

	margin: 0px 15px 15px 15px;

}



div.joomla div.multicolumns div.first div.item {

	margin-left: 0px;

}



div.joomla div.multicolumns div.last div.item {

	margin-right: 0px;

}



div.joomla div.morearticles {

	margin: 10px 0px 10px 0px;

}



div.joomla div.pagination {

	text-align: center;

}



div.joomla div.pagination p.results {

}



/*

 * com_content

 * list layout (frontpage, category, section)

 * sub selectors: sectionlist, categorylist

 */



/*

 * com_content

 * article layout

 * sub seletors: article

 */



div.joomla div.headline {

	overflow: hidden;

}



div.joomla h1.title {

	float: left;

}



div.joomla div.multicolumns h1.title {

	font-size: 200%;

	letter-spacing: -1px;

}



div.joomla span.icon {

	display: block;

	margin-top: 10px;

	float: right;

}



div.joomla div.multicolumns span.icon {

	margin-top: 5px;

}



div.joomla span.edit {

	margin-left: 10px;

	float: left;

}



div.joomla span.pdf {

	margin-right: 5px;

}



div.joomla span.print {

	margin-right: 5px;

}



div.joomla span.email {

}



div.joomla span.printscreen {

}



div.joomla p.iteminfo {

	margin: 0px 0px 15px 0px;

}



div.joomla p.articleinfo {

}



div.joomla p.articleinfo span.modified,

div.joomla p.articleinfo span.author,

div.joomla p.articleinfo span.created,

div.joomla p.articleinfo span.url {

	display: block;

	font-size: 95%;

}



div.joomla p.articleinfo span.author {

	color: #969696;

	font-style: italic;

}



div.joomla p.articleinfo span.created {

	font-weight: bold;

}



/*

 * com_content

 * editing an article

 * sub seletors: edit-article

 */



div.joomla div.edit-article fieldset {

	margin-bottom: 30px;

}



div.joomla div.edit-article fieldset div {

	overflow: hidden;

}



div.joomla div.edit-article label.label-left {

	display: block;

	width: 150px;

	float: left;

}



div.joomla div.edit-article div.save {

	margin: 0px;

	float: right;

}



div.joomla div.edit-article div#editor-xtd-buttons {

	margin-bottom: 0px;

	overflow: hidden;

}



div.joomla div.edit-article div#editor-xtd-buttons div {

	margin: 0px;

}



div.joomla div.edit-article div#editor-xtd-buttons div.button2-left {

	margin-right: 5px;

}



div.joomla div.edit-article div#editor-xtd-buttons a:link,

div.joomla div.edit-article div#editor-xtd-buttons a:visited,

div.joomla div.edit-article div#editor-xtd-buttons a:hover {

	color: #323232;

}



/*

 * com_weblinks

 * sub seletors: weblinks

 */



div.joomla div.weblinks fieldset {

}



div.joomla div.weblinks fieldset div {

	overflow: hidden;

}



div.joomla div.weblinks label.label-left {

	display: block;

	width: 150px;

	float: left;

}



/*

 * com_search

 * sub seletors: search

 */



div.joomla div.search p.info {

	margin: 0px;

	color: #969696;

	font-style: italic;

}



div.joomla div.search span.highlight {

	background: #ffffaa;

}



/*

 * com_poll

 * sub seletors: poll

 */



div.joomla div.poll fieldset {

	margin: 15px 0px 10px 0px;

}



/*

 * com_contact

 * sub seletors: contact

 */



div.joomla div.contact h1 {

	margin-bottom: 0px;

	font-size: 250%;

	font-weight: normal;

	letter-spacing: -1px;

}



div.joomla div.contact h2 {

	margin-bottom: 10px;

	font-size: 120%;

	font-weight: normal;

	text-transform: uppercase;

	letter-spacing: 0px;

}



div.joomla div.contact div.image {

	float: right;

}



div.joomla div.contact table {

	margin-bottom: 10px;

}



div.joomla div.contact label.label-top {

	display: block;

}



/*

 * com_user

 * sub seletors: user

 */



div.joomla div.user label.label-left,

div.joomla div.user span.label-left  {

	display: block;

	width: 130px;

	float: left;

}



/*

 * mod_newsflash

 */



div.module-newsflash {

	overflow: hidden;

}



div.module-newsflash div.item {

	padding-bottom: 15px;

	overflow: hidden;

}



div.module-newsflash div.last {

	padding-bottom: 0px;

}



/*

 * mod_search

 */



div.module-search {

	width: 180px;

	height: 18px;

	padding: 0px;

	margin: 0px;



}



div.module-search input {
	width: 120px;
	height: 16px;
	border: 1px solid #333333;
	outline: none;
	background: none;
	float: left;
	color: #646464;
	font-size: 90%;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 7px;
}



div.module-search input:focus {

	outline: none;

}



div.module-search button {
	width: 30px;
	height: 22px;
	border: 1px solid #333333;

	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 1px;
	margin-left: 5px;
	color: #FFFFFF;
	background-color: #502D8B;
	font-weight: bold;
}



div.module-search:hover{

	

}



div.module-search:hover input {

	color: #000000;

}



div.module-search input:focus {

	color: #000000;

}



/*

 * legacy Joomla styling only for third party components

 */



.contentheading,

.componentheading {

	margin: 0px 0px 0px 0px;

	padding: 5px 0px 5px 0px;



	font-size: 200%;

	line-height: 100%;

	font-weight: bold;



	letter-spacing: -1px;

}

.menutitle  {
	font-size: 180%;
	color: #333333;
	font-weight: normal;
	margin-top: 20px;
}

/**** Styles for the SITEMAP - Not used yet july 09***********/

.xmap a{
	color: #0066FF;
}

.xmap a:visited  {
	color: #0066FF;
}








body.blue .contentheading, body.blue .componentheading { color: #00bed2; }

body.pink .contentheading, body.pink .componentheading { color: #c800c8; }

body.orange .contentheading, body.orange .componentheading { color: #dc5000; }

body.green .contentheading, body.green .componentheading { color: #78c800; }

body.yellow .contentheading, body.yellow .componentheading { color: #FFC800; }

body.lilac .contentheading, body.lilac .componentheading { color: #6432C8; }

body.turquoise .contentheading, body.turquoise .componentheading { color: #00DCB4; }





/*

 * Joomla! system CSS file: system.css

 */

 

/* OpenID icon style */

input.system-openid {

   background: url(http://openid.net/login-bg.gif) no-repeat;

   background-color: #fff;

   background-position: 0 50%;

   color: #000;

   padding-left: 18px;

}





/* Unpublished */

.system-unpublished {

background: #e8edf1;

border-top: 4px solid #c4d3df;

border-bottom: 4px solid #c4d3df;

}



/* System Messages */

#system-message    { margin-bottom: 10px; padding: 0;}

#system-message dt { font-weight: bold; }

#system-message dd { margin: 0; font-weight: bold; text-indent: 30px; padding: 0;}

#system-message dd ul { color: #0055BB; margin-bottom: 10px; list-style: none; padding: 10px; border-top: 3px solid #84A7DB; border-bottom: 3px solid #84A7DB;}



/* System Standard Messages */

#system-message dt.message { display: none; }

#system-message dd.message {  }



/* System Error Messages */

#system-message dt.error { display: none; }

#system-message dd.error ul { color: #c00; background-color: #E6C0C0; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;}



/* System Notice Messages */

#system-message dt.notice { display: none; }

#system-message dd.notice ul { color: #c00; background: #EFE7B8; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}



/* Debug */

#system-debug     { color: #ccc; background-color: #fff; padding: 10px; margin: 10px; }

#system-debug div { font-size: 11px;}



/*

 * Joomla! system CSS file: general.css

 */

 

 /* Form validation */

.invalid { border-color: #ff0000; }

label.invalid { color: #ff0000; }



/* Buttons */

#editor-xtd-buttons {

	padding: 5px;

}



.button2-left,

.button2-right,

.button2-left div,

.button2-right div {

	float: left;

}



.button2-left a,

.button2-right a,

.button2-left span,

.button2-right span {

	display: block;

	height: 22px;

	float: left;

	line-height: 22px;

	font-size: 11px;

	color: #666;

	cursor: pointer;

}



.button2-left span,

.button2-right span {

	cursor: default;

	color: #999;

}



.button2-left .page a,

.button2-right .page a,

.button2-left .page span,

.button2-right .page span {

	padding: 0 6px;

}



.page span {

	color: #000;

	font-weight: bold;

}



.button2-left a:hover,

.button2-right a:hover {

	text-decoration: none;

	color: #0B55C4;

}



.button2-left a,

.button2-left span {

	padding: 0 24px 0 6px;

}



.button2-right a,

.button2-right span {

	padding: 0 6px 0 24px;

}



.button2-left {

	background: url(../../system/images/j_button2_left.png) no-repeat;

	float: left;

	margin-left: 5px;

}



.button2-right {

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

	float: left;

	margin-left: 5px;

}



.button2-left .image {

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

}



.button2-left .readmore {

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

}



.button2-left .pagebreak {

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

}



/* Tooltips */

div.tooltip {

	float: left;

	background: #ffc;

	border: 1px solid #D4D5AA;

	padding: 5px;

	max-width: 200px;

}



div.tooltip h4 {

	padding: 0;

	margin: 0;

	font-size: 95%;

	font-weight: bold;

	margin-top: -15px;

	padding-top: 15px;

	padding-bottom: 5px;

	background: url(../../system/images/selector-arrow.png) no-repeat;

}



div.tooltip p {

	font-size: 90%;

	margin: 0;

}



/* Caption fixes */

.img_caption .left {

	float: left;

	margin-right: 1em;

}



.img_caption .right {

	float: right;

	margin-left: 1em;

}



.img_caption .left p {

	clear: left;

	text-align: center;

}



.img_caption .right p {

	clear: right;

	text-align: center;

}



/* Calendar */

a img.calendar {

	width: 16px;

	height: 16px;

	margin-left: 3px;

	background: url(../../system/images/calendar.png) no-repeat;

	cursor: pointer;

	vertical-align: middle;

}

/* Copyright (C) 2007 - 2009 YOOtheme GmbH */

#left #form-login fieldset {

	border: none;

}



/*

 * YOOsearch

 */



#page div.default div.yoo-search div.resultbox {

	position: absolute;

	right: -14px;

	top: 31px;

	z-index: 20;

}



/*

 * YOOlogin

 */



 

/* quick */

#headerbar span.quick span.yoo-login { 

}



#headerbar span.quick span.yoo-login span.login {

	width: 231px;

}



#headerbar span.quick span.yoo-login span.login span.login-button-text,

#headerbar span.quick span.yoo-login span.login span.login-button-icon {

	margin-right: 0px;

}



#headerbar span.quick span.yoo-login span.login span.lostpassword, 

#headerbar span.quick span.yoo-login span.login span.lostusername,

#headerbar span.quick span.yoo-login span.login span.registration {

	margin-top: 5px;

}



#headerbar span.quick span.yoo-login span.logout {

	margin-top: 10px;

	overflow: visible;

}



#headerbar span.quick span.yoo-login span.logout span.logout-button-text,

#headerbar span.quick span.yoo-login span.logout span.logout-button-icon {

	margin-right: 0px;

}



/* nifty quick */

#headerbar span.niftyquick span.yoo-login { 

}



#headerbar span.niftyquick span.yoo-login span.login {

	width: 268px;

}



#headerbar span.niftyquick span.yoo-login span.login span.login-button {

	margin-right: 0px;

}



#headerbar span.niftyquick span.yoo-login span.login span.lostpassword, 

#headerbar span.niftyquick span.yoo-login span.login span.lostusername,

#headerbar span.niftyquick span.yoo-login span.login span.registration {

	margin-top: 5px;

}



#headerbar span.niftyquick span.yoo-login span.logout {

	margin-top: 10px;

	overflow: visible;

}



#headerbar span.niftyquick span.yoo-login span.logout span.logout-button {

	margin-right: 0px;

}