/* Start of CMSMS style sheet 'theme : 1_TopMenu+' */
@charset "UTF-8";
/* CSS Document */

@charset "UTF-8";
/* CSS Document */

/*****************
browsers interpret margin and padding a little differently, http://www.momentumcardiff.com/admin/listcontent.php
we'll remove all default padding and margins and
set them later on
******************/
* {
margin:0;
padding:0;
}

/*
Set initial font styles
*/
body {
   text-align: left;
   font-family: Myriad Pro, Lucida Sans, Arial,  Helvetica, sans-serif;
   font-size: 12px;
   line-height: 1.6em;
}

/*
set font size for all divs,
this overrides some body rules
*/
div {
   font-size: 12px;
}

/*
if img is inside "a" it would have 
borders, we don't want that
*/
img {
   border: 0;
}

/*
default link styles
*/
/* set all links to have underline and bluish color */
a,
a:link 
a:active {
   text-decoration: underline;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   color: #003366; 
}

a:visited {
   text-decoration: none;
  color: #003366;                /* a different color can be used for visited links */
}


/* remove underline on hover and change color */
a:hover {
   text-decoration: none;
   color: #111111;
}

/*****************
basic layout 
*****************/
body {
   background: #e8e8e8; 
   color: #333333;
   margin:0em; /* gives some air for the pagewrapper */
}

/* center wrapper, min max width */
div#pagewrapper {
   margin: 5px auto;     /* this centers wrapper */
   width:960px; /* IE wont understand these, so we will use javascript magick */
   background: #ffffff; 
}


/*** header ***
we will hide text and replace it with a image
we need to assign a height for it
*/

div#header {
   height: 90px; /* adjust according your image size */
   background: #ffffff url(uploads/verisca/header.gif) no-repeat 0 0px; 
}



div#header h1 a {


}

div#flash {
   float: left;  /* set sidebar on the left side. Change to right to float it right instead. */
   width: 930px;    /* sidebar width, if you change this please also change #main margins */
   margin: 14px;
height: 200px;
border: 1px solid #e8e8e8;

}


div#toppanel {
   float: left;  /* set sidebar on the left side. Change to right to float it right instead. */
   width: 930px;    /* sidebar width, if you change this please also change #main margins */
   margin-left: 15px;
   margin-right: 15px; 
height: 300px;


}

/* if sidebar doesnt include menu but content add class="hascontent" */
div#toppanel.hascontent {

   width: 930px;  /* make width smaller if there's padding, or it will get too wide for the floated divs in IE */

}

div#search {
   float: right;
   width: 23em;     /* enough width for the search input box */
   text-align: right;
   padding: 10px;
   margin:  40px 15px 0px 15px;

}

div.breadcrumbs {
   padding: 1em 0 1.2em 0; /* CSS short hand rule first value is top then right, bottom and left */
   font-size: 90%;             /* its good to set fontsizes to be relative, this way viewer can change his/her fontsize */
   margin: 0 1em;              /* css shorthand rule will be opened to be "0 1em 0 1em" */
   border-bottom: 1px dotted #000;
}

 div.breadcrumbs span.lastitem { 
   font-weight:bold; 
 } 

 div#content {
   margin:15px auto 0em 15px /* some air above and under menu and content */


}

div#main {
   margin-left: 350px; /* this will give room for sidebar to be on the left side, make sure this space is bigger than sidebar width */
   margin-right: 25px; /* and some air on the right */
}

div#main2 {

 margin-top: 25px;
width: 930px;
}

div#leftboxes{
	float: left;  /* set sidebar on the left side. Change to right to float it right instead. */
	width: 220px;    /* sidebar width, if you change this please also change #main margins */
	display: inline;  /* FIX ie doublemargin bug */
	margin-bottom: 20px;
	background-color: #EEEEEE;
}

div#leftboxes h3{
	background-attachment: scroll;
	background-image: url(uploads/theme/tab_head_bg.gif);
	background-repeat: repeat-x;
	background-position: 0 bottom;
	text-align: left;
	font-weight: bold;
	letter-spacing: 1px;
	color:#2397D2;
	font-size:11px;
	font-weight:bold;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	text-decoration:none;
	text-transform:uppercase;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
	border-top-width: 5px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #fff;
}

div#leftboxes p{
   color: #333333; 
   font-size: 12px; 
   text-align: left;
padding: 5px 10px 5px 10px;

}

div#leftboxes ul{
   color: #333333; 
   font-size: 12px; 
   text-align: left;
padding: 5px 10px 5px 30px;


}



div#sidebar {
   float: left;  /* set sidebar on the left side. Change to right to float it right instead. */
   width: 300px;    /* sidebar width, if you change this please also change #main margins */
   display: inline;  /* FIX ie doublemargin bug */
   margin-left: 15px;
   margin-bottom: 20px;

}

/* if sidebar doesnt include menu but content add class="hascontent" */
div#sidebar.hascontent {
   padding: 0 0;

   width: 290px;  /* make width smaller if there's padding, or it will get too wide for the floated divs in IE */
}


div#sidebar p {
   font-size: 12px;

   text-align: justify; /* centered text */
   margin:0;
   color: #333333; 
padding-bottom: 6px;
}

div#sidebar p a {
   color: #003366; /* needed becouse footer link would be same color as background otherwise */
}

div#sidebar h3 {
text-transform: uppercase;
   color: #333333; 
   font-size: 12px; 
   text-align: left;
border-top: 1px dotted #8cc63f;
padding-left: 10px;
padding-top: 6px;
padding-bottom: 3px;
margin-right: 10px;

}

div#sidebar h3 a{
   text-decoration: none;
text-transform: uppercase;
   color: #003366; 
}

/* Footer */

#footer {
	border-top: 1px solid #cccccc;
	width: 930px;
	text-align: left;
	font-size: 10px;
	margin-top: 20;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#footer p {
	padding: 10px;
	color: #333;
}

#footer a {
	color: #999999;
}


/* secondbar */

#secondbar {
	clear: both;
	margin-top: 10px;


}

#contentcenter  ul {
	margin: 0;
	padding: 5px;
	list-style: disc;
}

#contentcenter  li {
margin-left: 10px;
	float: left;
color: #222222;
	width: 300px;

}

#secondbar ul {
	margin: 0;
	padding: 0;


}

#secondbar li {
	display: block;
	float: left;
	width: 200px;
color: #336600;


}

#secondbar li ul {
	 	padding-left: 20px;
line-height: 1.2em;
}

#secondbar li li {
	display: list-item;
	float: none;
	width: auto;
	padding: 0;
}

#secondbar h2 {
	margin: 0 0 15px 0;
	color: #285096;
	font-size: 1.3em;
font-weight: bold;
}

#secondbar a {
	text-decoration: none;
	color: #336600;
}

#secondbar a:hover {
	text-decoration: underline;
}


/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {
   height: 1px;
   margin: 1em;
   border-bottom: 1px dotted black;
}

/* relational links under content */
div.left49 {
  float: left;
  width: 49%;  /* 50% for both left and right might lead to rounding error on some browser */
}

div.right49 {
  float: right;
  width: 49%;
  text-align: right;
}




/********************
CONTENT STYLING
*********************/
div#content {

}

/* HEADINGS */
div#content h1 {

	font-size: 18px;  /* font size for h1 */
	line-height: 1.5em;
	text-transform: uppercase;
	text-align: left;
	color: #1F91CB;
	font-weight: bold;
	letter-spacing: 1px;
	padding-top: 5px;
	padding-bottom: 3px;
width: 640px;
height: 25px;
}
div#content h2 {
	color: #1C93CD;
	font-size: 14px;
	text-align: left;
	/* some air around the text */
   padding-bottom: 10px;
	/* set borders around header */
   line-height: 1.5em;
	/* and some air under the border */
text-transform: none;
	text-align: left;
	padding-top: 5px;
}
div#content h3 {
text-transform: uppercase;
   font-size: 12px;
	color: #1C93CD;


}

div#content .standOut{
text-transform: uppercase;
   font-size: 12px;
	color: #1C93CD;


}
div#content h4 {
text-transform: uppercase;
   color: #444444; 
   font-size: 12px;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
   color: #444444; 
text-align: left; 
}
div#content h5 {
   font-size: 12px;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
text-transform: uppercase;
   color: #333333; 
font-weight: bold;
text-align: left; 
}
h6 {
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
text-transform: uppercase;
   color: #444444; 
}
/* END HEADINGS */

/* TEXT */
p {
  font-size: 12px;
   margin: 0 10px 1.5em 0;  /* some air around p elements */
   line-height:1.6em;
   padding: 0;
}
blockquote {
   border-left: 10px solid #ddd;
   margin-left: 10px;
}
pre {
   font-family: monospace;
   font-size: 1.0em;
}
strong, b {
/* explicit setting for these */
   font-weight: bold;
}
em, i {
/* explicit setting for these */
   font-style:italic;
}

/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 font-family: "Courier New", Courier, monospace;
 font-size: 1em;
}

pre {
   border: 1px solid #000;  /* black border for pre blocks */
   background-color: #ddd;
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 90%;   /* smaller font size, as these are usually not so important data */
}

/* END TEXT */

/* LISTS */
div#main ul,
div#main ol,
div#main dl {
  font-size: 1.0em;
   line-height:1.4em;
   margin: 0 0 1.5em 0;
}
div#main ul li,
div#main ol li {
   margin: 0 0 0.25em 3em;
}

div#dl dt {
   font-weight: bold;
   margin: 0 0 0.25em 3em;
}
div#dl dd {
   margin: 0 0 0 3em;
}
/* END LISTS */


/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }




/* Accordion
----------------------------------*/
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 11px; padding: 10px 0 10px 20px; }
.ui-accordion .ui-accordion-header .ui-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
	font-size: 12px;
}
.ui-accordion .ui-accordion-content {
	padding: 15px;
	font-size: 11px;
	border-top: 0;
	position: relative;
	top: 1px;
	background-color:#eee;
	overflow: auto;
	display: none;
	text-align: left;
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 0;
	width: 270px;
	
}
.ui-accordion .ui-accordion-content-active {
	display: block;
	font-size:10px;
	width: 270px;
	margin-top: 2px;
	margin-right: 0;
	margin-bottom: 8px;
	margin-left: 0;
}



/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 280px; /*must have*/
    height: 200px; /*must have*/
}


/* Tabs
----------------------------------*/
.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }


/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/
*/


/* Component containers
----------------------------------*/
.ui-widget { font-family: Myriad Pro,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Myriad Pro,Arial,sans-serif/*{ffDefault}*/; font-size: 12px; }
.ui-widget-content {
	color: #333333 font/*{fcContent}*/;
	width: 270px;
}
.ui-widget-content a { color: #222222/*{fcContent}*/; }
.ui-widget-header { border: 1px solid #aaaaaa/*{borderColorHeader}*/; background: #cccccc/*{bgColorHeader}*/  color: #222222/*{fcHeader}*/; font-weight: bold; }
.ui-widget-header a { color: #222222/*{fcHeader}*/; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default {
	font-weight: normal/*{fwDefault}*/;
	color: #333333/*{fcDefault}*/;
	outline: none;
	height:36px;
	background-attachment: scroll;
	background-image: url(uploads/theme/tab_head_bg.gif);
	background-repeat: repeat-x;
	background-position: 0 bottom;
	width: 300px;
	letter-spacing: 1px;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
	text-align:left;
	color:#2397D2;
	font-size:12px;
	font-weight:bold;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	text-decoration:none;
	text-transform:uppercase;
	width: 300px;
		letter-spacing: 1px;

}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { }
.ui-state-hover a, .ui-state-hover a:hover { }
.ui-state-active, .ui-widget-content .ui-state-active {
	font-weight: normal/*{fwDefault}*/;
	color: #212121/*{fcActive}*/;
	outline: none;
	height:36px;
	text-align: left;
	background-image: url(uploads/theme/tab_head_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	width: 300px;
		letter-spacing: 1px;

}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #2397D2/*{fcActive}*/; outline: none; text-decoration: none; font-size:12px;font-weight:bold; text-transform:uppercase;  letter-spacing:1px;}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fcefa1/*{borderColorHighlight}*/; color: #363636/*{fcHighlight}*/; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636/*{fcHighlight}*/; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a/*{borderColorError}*/; color: #cd0a0a/*{fcError}*/; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a/*{fcError}*/; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a/*{fcError}*/; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }


/* Overlays */
.ui-widget-overlay { opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; }
.ui-widget-shadow { margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; padding: 8px/*{thicknessShadow}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityShadow}*/; -moz-border-radius: 8px/*{cornerRadiusShadow}*/; -webkit-border-radius: 8px/*{cornerRadiusShadow}*/; }
/* End of 'theme : 1_TopMenu+' */