/* --- layout styles ---------------------------------------------------------------------------- */
/* (:) */

body {

	background-color: #eee; // ;
	font-family: Lucida Grande, Verdana, Sans-serif;
	margin: 0px 0px;
	font-size: 13px;
	color: #333;

}


#container {

	width: 960px;
	margin: 0px auto 0px auto;

}


#header {
	
	margin: 0px 0px 15px 0px;
	padding: 0px 0px;
	
}


#main {

	margin-right: 220px;
	padding: 0px 0px;
			
}


#nav {

	float: left;	
	width: 240px;
		
}


#content {

	margin-left: 260px;
	xwidth: 500px;
	
}


#rightbar {

	width: 200px;
	float: right;
	
}



#logo {

	xbackground-color: #7392C0;
	xcolor: #000000;

	width: 265px;
	
	padding: 2px 0px 2px 0px;
	margin: 0px 0px;
	
	float: left;
	
}


#logolink {

	float: left;
	
}



#languagebar {
	
	float: right;
	margin-right: 10px;
}


.lang {

	border: 1px solid #7392C0;
	color: #566e90;

	padding: 1px 2px;
	margin: 1px 1px 1px 1px;

	font-size: 7pt;
	text-decoration: none;
	text-align: center;

	display: block;
	float: right;
	
	width: 1.2em;

}


.languagebox {

	float: right;
	text-align: center;
	margin-top: 8px;
	font-size: 0.8em;
	xbackground-color: orange;
	
}


.langcontent {
	
	display: inline;
	color: #f2f5f9;
	margin: 4px 0px 4px 0px;

}


.langbox {

	display: inline;
	
}

a.langbox {

	border: 1px solid #000000;
	color: #ffffff;
	padding: 1px 2px;
	margin: 2px 3px 2px 3px;
	text-decoration: none;
	font-size: 8pt;
	display: block;
	xfloat: right;
	text-align: center;
	
	width: 1.2em;
	
}

a.langbox:hover {

	color: #ffffff;
	border: 1px solid #ffffff;
	background-color: #566e90;
	xpadding: 1px 2px;
	cursor: pointer;
	text-decoration: none;

}

.mytable a.langbox {

	border: 1px solid #000000;
	color: #000000;
	float: right;
	text-align: center;
	
	width: 1.2em;

}




a.mylangbox {

	border: 1px solid #000000;
	color: #000000;
	padding: 1px 2px;
	margin: 2px 3px 2px 3px;
	text-decoration: none;
	font-size: 8pt;
	display: block;
	float: left;
	text-align: center;
	
	width: 1.2em;

}

a.mylangbox:hover {

	color: #000;
	border: 1px solid #000000;
	background-color: #bfbfbf;
	padding: 1px 2px;
	cursor: pointer;
	text-decoration: none;

}

a.selected {

	background-color: #ffffff;
	color: #404040;

}

#main a.selected {

	background-color: #404040;
	color: #ffffff;

}

a.selected c2 {

	background-color: #f2f5f9;
	color: #000000;

}

a.selected cp {

	background-color: #663333;
	color: #000000;

}

.mytable a.selected {

	background-color: #96aed0;
	color: #000000;
	
}


a.colour {

	font-size: 0.8em;
	font-weight: bold;
	padding: 2px 5px;
	margin: 0px 20px 0px 0px;
	
}

a.colour_eu {

	border: 1px solid #0033FF;
	border-left: 10px solid #0033FF;

}

a.colour_epped {

	border: 1px solid #FF0000;
	border-left: 10px solid #1766AD;

}

a.colour_greens {

	border: 1px solid #418F1A;
	border-left: 10px solid #418F1A;
	
}

a.colour_alde {

	border: 1px solid #7392C0;
	border-left: 10px solid #7392C0;
	border-right: 10px solid #FFD457;

}

a.colour_indem {

	border: 1px solid #296BAD;
	border-left: 10px solid #296BAD;
	border-right: 10px solid #D60006;

}

a.colour_red {

	border: 1px solid #FF0000;
	border-left: 10px solid #FF0000;

}

a.colour_green {

	border: 1px solid #00FF00;
	border-left: 10px solid #00FF00;

}

a.colour_blue {

	border: 1px solid #0000FF;
	border-left: 10px solid #0000FF;

}

a.colour_yellow {

	border: 1px solid #FFFF00;
	border-left: 10px solid #FFFF00;

}

a.colour_orange {

	border: 1px solid #FFA500;
	border-left: 10px solid #FFA500;

}
a.colour_pse {

	border: 1px solid #FF0000;
	border-left: 10px solid #FF0000;
	xborder-right: 10px solid #492144;

}



#adminmain {

	xbackground-color: #bac9e0;
	xcolor: #000000;

	xline-height: 120%;
	xmargin: none;

}



#footer {

	clear: both;
	color: #808080;
	width: 100%;
	margin: 25px 0px 10px 0px;
	padding: 2px 5px 2px 5px;
	font-size: 0.8em;
	
}

#footer a {

	color: #808080;

}



#river,
.river {

	display: block;

}


#devbar {

	padding: 5px 10px 3px 15px;
	background-color: #627ca3;
	color: #ffffff;
	height: 18px;
	
	xmargin-bottom: 15px;

}


#feedback {

	padding: 5px 10px 5px 10px;
	background-color: #f9f9f9;
	height: 90px;
	display: none;

}


#feedback textarea {

	padding: 3px 5px;

}


#feedback input {

	padding-left: 20px;
}


#feedbacktext {

	width: 600px;
	height: 60px;

}

#ajaxreply {

	padding: 10px;

}


#newblogformarea {

	width: 100%;
	xborder: 2px dotted gray;
	xpadding: 10px;
	xbackground-color: #efefef;

}

#tagcloud {

	background-color: #88a2c9;
	color: #000000;

	padding: 10px 10px;
	margin-bottom: 20px;

	display: none;	
}


/* --- my styles -------------------------------------------------------------------------------- */


a:link,a:active,a:visited{
	color: #404040;
}

a.inlinelink {

	text-decoration: underline;
	
}

#main .mycorner a:link,
#main .mycorner a:active,
#main .mycorner a:visited
{
	color: #3a4960;
	font-weight: bold;
}

#main .mycorner a.button:hover {

	color: #fff;
	
}


.ajaxbox {

	width: 100%;
	border: 2px dotted gray;
	padding: 10px;

}

.mycornertop,.mycornerbottom,.mycorner {

	background-color: #f2f5f9;
	color: #000000;

	padding: 10px 10px 10px 10px;
	xmargin: 0px 0px 0px 0px;
	
}


#main .mycorner {

	background-color: #FFFFFF;
	color: #404040;

}

#rightbar .mycorner {

	background-color: #ffffff;
	color: #404040;

}

#rightbar .mycorner {

	margin: 0 0 15px 0;
	
}

.headerlinks {

	border-top: 1px solid #ffffff;
	padding: 0px 0px 4px 5px;
	display: block;
	margin: 0px 0px 0px 0px;
	clear: both;

}

#subheader {

	padding: 0px 0px;
	xbackground-color: #88a2c9;
	color: #000000;
	display: block;
	margin: 0px 0px 12px 0px;
	height: 2.2em;
	
}

.sublink {

	background-color: #dce4ef;
	color: #1d2530;

	padding: 2px 7px 3px 7px;
	margin: 0.5em 10px 0px 0px;
	float: left;
	height: 14px;
	
	font-size: 0.8em;
	
}

.sublink:hover, .sublinkactive:hover {

	background-color: #f2f5f9;
	color: #3a4960;
	cursor: pointer;
	
	text-decoration: none;
	
}

.sublink a:hover, .sublinkactive a:hover {

	text-decoration: none;
	
}

.sublinkactive {

	background-color: #627ca3;
	color: #ffffff;

	padding: 2px 7px 3px 7px;
	margin: 0.5em 10px 0px 0px;
	float: left;
	height: 14px;
	
	font-size: 0.8em;
	
}






.toplink {

	background-color: #88a2c9;
	color: #000000;

	padding: 2px 5px;
	margin: 5px 5px;
	float: left;
	
}


a.headerlink {
	
	display: block;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	
	font-size: 10pt;
	
}

.pushleft {
	
	margin: 0px 10px 0px 10px;
		
}

a.headerlink:hover {

	xtext-decoration: none;
	cursor: pointer;

}

.toplink:hover {

	background-color: #dce4ef;
	color: #1d2530;
	
	text-decoration: none;
	
}

a.tag {

	background-color: #627ca3;
	color: #ffffff;

	padding: 0px 3px;
	margin: 0px 5px 0px 0px;
	
	display: block;
	float: left;
	
	font-size: 7pt;
	
	display: none;
	
}

a.tag:hover {

	background-color: #566e90;
	color: #ffffff;

	padding: 0px 3px;
	margin: 0px 5px 0px 0px;
	
	text-decoration: none;
	
}


.commentheader {

	background-color: #96aed0;
	color: #000000;
	
	padding: 1px 5px;
	margin: 0px 0px;
	
	font-size: 8pt;

}



.todayheader {

	background-color: #96aed0;
	color: #000000;
	
	padding: 5px 10px;
	margin: 0px 0px;
	
	font-size: 10pt;

}



.todayheader strong {

	xxbackground-color: #7392C0;
	color: #000000;

}



.url {

	font-family: monaco, courier, mono;
	font-size: 9pt;
	font-weight: normal;
	display: block;
	margin: 10px 0px 5px 0px;
	
}


.blogheader {

	xmargin-left: 175px;
	xmargin-right: 120px;
	
	background-color: #627ca3;
	color: #ffffff;
	
	padding: 10px 10px;
	margin: 0px 0px;
	
	font-size: 12pt;
	xfont-weight: bold;
	
	line-height: 150%;

}


.blogheader h1 {

	font-size: 150%;
	margin: none;

}



.item {

	background-color: #ffffff;
	
	padding: 7px 10px 5px 10px;
	margin: 0;

}

.bottomspace {

	margin-bottom: 10px;

}


.item.list {

	margin: 0 0;
	
}

.subitem {

	background-color: #ffffff;
	
	padding: 5px 12px;
	margin: 1px 0px 1px 0px;

}

.footeritem {

	margin: 0 0 0 0;
	border-left: 1px solid #eee;
	padding: 1px 5px;
	height: 16px;
	float: left;

}

.footeritem.cornerbl {

	xposition: relative;
	padding-left: 10px;
	border-left: 0px solid #eee;

}

.footeritem.full {

	background-color: #ffffff;
	xwidth: auto;
}


.tagform {

	background-color: #f2f5f9;
	height: 24px;

}



.lastitem {

}


.editor {

	height: 34px;
	border-bottom: 1px solid #bac9e0;
	background-color: #f2f5f9;
	padding: 5px 12px;
	margin 0px 0px;

}

.comments {

	xborder: 1px solid #f2f5f9;
	
}


.highlight {

	background-color: #dce4ef;
	
}


.itemfooter {

	background-color: #ffffff;
	padding: 0px 0px;
	margin: 1px 0px 10px 0px;
	
	font-size: 0.8em;
	color: #1d2530;
	width: 100%;
	height: 18px;

}



.itemfooter .tags {

	font-size: 1.2em;
	margin: 0 0;
	padding: 0 5px;
	background-color: #ffffff;
	float: right;
	height: 16px;
	overflow: hidden;

	position: relative;
	top: 1px;
	
}

.itemfooter .tags:hover {

	background-color: #ffffff;

}

.itemfooterlink {
	
	padding-right: 5px;
	
}


.news {

	font-family: Verdana;
	font-size:xx-small;
	vertical-align:top;

}

.itemcounter {
	
	background-color: #fff4d5;
	padding: 0px 2px 0px 2px;
	margin: 0px 10px 5px 5px;
	xdisplay: block;
	xfloat: left;
	font-size: 0.8em;
	xfont-weight: bold;
	font-family: Arial;
	
}


.box {

	border-bottom: 1px solid #d9d9d9;
	
	padding: 10px 0px;
	margin 0px 0px;

}

.box5 {

	padding: 5px 5px;

}


.source {

	margin: 0px 0px 0px 0px;
	font-weight: bold;
	xclear: left;
}


.description {

	font-size: 90%;
	
	margin: 2px 0px 3px 0px;

}



.numtext {

	color: #d9d9d9;

}



.hide {

	display: none;

}


.hiddenblog {

	display: none;

}


#xblogbar {

	float: left;
	width: 30%;
	border-right: 1px solid #efefef;
	margin-top: 10px;

}


.blogbarheader {

	background-color: #FFD457;
	color: #000000;

	font-size: 80%;
	font-weight: bold;
	padding: 2px 10px;

}

.blogbarfooter {

	font-size: 50%;
	color: #403516;
	background-color: #fff4d5;
	padding: 2px 10px;

}

a.blogbar {

	background-color: #fff4d5;
	color: #403516;

	display: block;
	border-bottom: 1px solid #ffffff;
	padding: 3px 10px 1px 10px;
	font-size: 90%;
	
}


a.blogbar:hover {

	background-color: #ffffff;
	color: #404040;

	text-decoration: none;
	cursor: pointer;
}


a.goblog {
	
	float: right;
	height: 100%;
	
}

a.goblog:hover {

	background-color: #ffffff;
}

a.goblog img {

	margin-top: 2px;
}

#rivercounter {

	font-weight: bold;
	
}

.usericon {

	padding: 0px 0px;
	margin: 0px 10px 0px 0px;
	width: 32px;
	height: 32px;
	float: left;
	
	display: block;
	
}


.tweet .user {

	x-float: left;
	x-width: 80px;
	x-border-right: 1px solid #444;
	
}

.tweet img.user {

	width: 64px;
	
}


.reader .item a.votelink {
	float: left;
	margin-right: 5px;
}

.reader .item .user {
	
	float: left;
	x-border-right: 1px solid #eee;

}

.reader .item {
	clear: left;
	height: 64px;
	padding: 0;
	background-color: transparent;
}

.reader .item .mainbox {
	width: 325px;
}

.reader .item .tagbox {
	border: 1px solid #ccc;
	font-size: 0.9em;
}

.reader .item .tagbox:focus {
	background-color: eee;
}

.reader form.inlineform {
	margin: 5px 0 0 0;
	padding: 0 0;
}


.reader .item .mainbox,
.reader .item .itemtags,
.reader .item .itemdata {
	float: left;
	padding: 5px 5px;
	margin: 0 0px;
	border-right: 1px solid #eee;
	background-color: #fff;
	height: 54px;
}

.reader .item .itemdata {

	float: left;
	width: 155px;

}

.reader .item .itemtags {
	width: 125px;
}


img.user {

	padding: 0px 0px 0 0;
	margin: 0px 0px 10px 0px;
	width: 64px;
	height: 64px;
	float: left;
	
	display: block;
		
}

.tweet {

	clear: left;
	x-background-color: #fff;
	padding: 5px 10px;
	margin: 20px 0px;
	x-height: 5em;
}

.tweet .text {
	float: left;
	width: 400px;
	font-size: 0.9em;
	margin: 0px 0 0 0px;
	background-color: #fff;
	padding: 5px 10px;
}

.tweet .text .itemlinks {
	margin: 5px 0;
	font-weight: bold;
}

.tweet .tags {

	float: left;
	background-color: #fff;
	width: 200px;
	padding: 5px 10px;
	margin: 0 5px;
}

/* --- tag styles ------------------------------------------------------------------------------- */


.topics {

	display: inline;
	float: right;

}



.tagbox {

	background-color: #ffffff;
	color: #404040;
	font-size: 0.7em;
	border: none;
	padding: 1px 2px;

}

.tagbox:focus {

	background-color: #ffffff;

}

a.taglink {

	border: 1px solid #ffffff;
	background-color: #ffffff;
	color: #404040;
	font-size: 0.7em;
	padding: 1px 2px;
	
	text-decoration: none;

}

a.taglink:hover {

	background-color: #808080;
	color: #000000;
	font-size: 0.7em;
	padding: 1px 2px;
	
	text-decoration: none;

}

a.removetaglink {

	color: #d9d9d9;
	font-size: 0.7em;
	padding: 1px 2px;
	
	text-decoration: none;
	
	cursor: pointer;

}

a.removetaglink:hover {

	border: #d9d9d9;
	background-color: #808080;
	color: #000000;
	font-size: 0.7em;
	padding: 1px 2px;
	
	text-decoration: none;

}




a,a:link,a:active {

	color: #003399;
	text-decoration: none;

}

a:focus, img.focus {

	-moz-outline: none 0;
	outline: none 0;

}

a:hover {

	text-decoration: underline;

}



a.checkblog {

	cursor: pointer;
	background-image: url('/alpha/images/check_no.png');
	xbackground-repeat: no-repeat;
	xbackground-position: center center;
	display: block;
	float: left;
	
	width: 16px;
	height: 12px;

	
	margin: 4px 5px 0px 10px;

}


a.isnotchecked:hover {

	background-image: url('/alpha/images/check_hover.png');
	
}


a.ischecked {

	background-image: url('/alpha/images/check_yes.png');

}


a.checkblogloader {

	background-image: url('/alpha/images/ajax-loader.gif');
	xbackground-repeat: no-repeat;
	xbackground-position: center center;
	xcolor: #fff;
	xborder: none;
	
}


a.votelink {

	cursor: pointer;
	background-image: url('/images/star.png');
	background-repeat: no-repeat;
	display: block;
	width: 12px;
	height: 12px;
	padding: 0 2px;
	xfloat: left;
	
	position: relative;
	top: 1px;

}

a.votelink:hover {

	background-image: url('/images/star_hover.png');
	
	text-decoration: none;

}

a.isvoted,a.isvoted:hover {

	background-image: url('/images/yes.png');

}

.itembody {

	margin-left: 25px;
	
}


h1 {

	color: #333;
	border-bottom: 1px solid #efefef;
	font-size: 14pt;
	font-weight: bold;
	margin: 24px 0 2px 0;
	padding: 5px 0 6px 0;

}


h2 {

	color: #333;
	font-size: 12pt;
	font-weight: bold;
	margin: 18px 0 2px 0;
	padding: 5px 0 6px 0;

}

.xlarge {

	font-size: 14pt;
	font-weight: bold;
}


.large {

	font-size: 12pt;
}

.small {

	font-size: 8pt;
}


code {
 font-family: Monaco, Verdana, Sans-serif;
 font-size: 12px;
 background-color: #f9f9f9;
 border: 1px solid #D0D0D0;
 color: #002166;
 display: block;
 margin: 14px 0 14px 0;
 padding: 12px 10px 12px 10px;
}



#mytimeslider {

	xwidth: 500px;
	xheight: 40px;

	background-color: #ffffff;

}


.mytable {
	
	width: 100%;

}


.mytable th {

	font-size: 8pt;
	font-weight: bold;
	text-align: left;
	vertical-align: bottom;
	padding: 5px 5px 2px 5px;
	border-bottom: 1px solid #FFFFFF;

}

.mytable td {

	padding: 2px 5px 2px 5px;
	vertical-align: top;

}

.mytable tr {

	border-bottom: 1px solid #efefef;
	
}


.smalltext {

	font-size: 8pt;
	
}



.centerbold {

	text-align: center;
	font-weight: bold;

}

a.titlelink {

	font-weight: bold;
	
}


.inactivebutton {

	border: 1px solid #666;
	background-color: #666;
	color: #fff;
	padding: 1px 3px;
	font-size: 7pt;
}

a.ajaxbutton {

	cursor: pointer;
	border: 1px solid #efefef;
	background-color: #f9f9f9;
	padding: 1px 3px;
	font-size: 8pt;
}

a.ajaxbutton:hover {

	cursor: pointer;
	border: 1px solid #333;
	color: #fff;
	background-color: #333;
	text-decoration: none;

}


.textrightbox {

	text-align: right;
	padding: 2px 10px;

}

.pad {

	padding: 0px 10px;

}

.hidden {

	display: none;
	
}

.morelink {

	font-size: 8pt;
	cursor: pointer;
	text-decoration: none;

}

a.refreshlink, a.refresh-link:hover {

	display: block;
	margin: 0px 0px;
	padding: 1px 2px;
	font-size: 8pt;
	cursor: pointer;
	text-decoration: none;

}


.newitem {

	background-color: yellow;
	
}

.feeditem {

	padding: 2px 10px;
	
}

#feedmixer {

	width: 100%;

}


#feedmixer td {

	font-size: 8pt;
	padding: 2px 5px;
	
}

#feedmixer th {

	background-color: #efefef;
	font-weight: bold;
	
}


a.buttonbig {

	border: 1px solid #efefef;
	background-color: #fcfcfc;
	font-weight: bold;
	font-size: 9pt;
	padding: 1px 2px;
	text-decoration: none;

}

a.buttonbig:hover {

	cursor: pointer;
	text-decoration: none;
	color: #eee;
	background-color: #666;
	
}


a.button {

	border: 1px solid #627ca3;
	color: #808080;
	padding: 1px 2px;
	margin: 2px 5px 2px 0px;
	text-decoration: none;
	font-size: 8pt;
	display: block;
	float: left;
	text-align: center;
	
}

a.commentbutton {

	background-color: #627ca3;
	color: #808080;
	padding: 1px 2px;
	margin: 2px 5px 2px 0px;
	text-decoration: none;
	font-size: 8pt;
	font-weight: bold;
	display: block;
	float: left;
	text-align: center;
	
}


.a img {

	border: none;
	
}



img.hot {

	position: relative;
	top: 1px;

}


a.button:hover {

	color: #000;
	border: 1px solid #627ca3;
	background-color: #566e90;
	color: #1a1a1a;
	padding: 1px 2px;
	cursor: pointer;

}


table.explorer {

	border: 1px solid #efefef;
	background-color: #fcfcfc;
	
}

form.inlineform {

	display: inline;
	margin: 0 0 0 1px;
	padding: 1px 5px;
	background-color: #ffffff;
	height: 16px;
	

}

hr {

	height: 1px;
	color: #d9d9d9;
	background-color: #d9d9d9;
	border: none;
	
}

input.taginput {

	display: inline;
	font-size: 8pt;
	font-family: courier, mono;
	border: 1px solid #efefef;

}

.langiso {

	display: none;
	font-weight: bold;
	
}

.ajaxloader {

	background-image: url('/images/ajax-loader.gif');
	background-repeat: no-repeat;
	background-position: center center;
	color: #fff;
	border: none;
	
}

.ajaxload {

	background-image: url('/images/ajax-loader.gif');
	xbackground-repeat: no-repeat;
	xbackground-position: center center;
	
	width: 16px;
	height: 16px;
	
	display: block;
	float: left;
	
}

.myxclass {
	
	background-color: red;
	color: green;
	
}


.notable {

	border: none;

}




#languages {
	
	color: #000;
	font-weight: bold;
	display: none;
	
}

table.calendar {

	width: 100%;
	
}

table.calendar td {

	font-size: 8pt;
	
}

table.calendar td a {

	font-weight: bold;
	
}

.line {

	border-bottom: 1px solid #ffffff;
}


.breaker {

	clear: left;
	line-height: 1px;
	font-size: 1px;
	
}

.break {

	clear: left;
	
}


.loginform {

	margin: 0px 0px;
	
}

.loginform input.login {

	width: 90%;
	margin-bottom: 5px;
	
}


#dynpanel_audiovisual_live_content iframe {

	border:0px;

	height: 400px;

	overflow-x: hidden;

	overflow-y: hidden;

	width: 300px;

	text-align: center;

	margin-left: auto;

	margin-right: auto;

}




#dynpanel_audiovisual_audio_itemcontainer ul{

	margin:0px 0px 0px 10px;

	padding:5px;

	list-style-image:url(http://europa.eu/press_room/images/li_press.gif);

}

#dynpanel_audiovisual_audio_itemcontainer li{

	margin:0px;

	padding:0px;

}



#shoutfield {

	display: block;
	width: 90%;
	
	margin: 0px 0px 10px 0px;
	
	font-size: 0.9em;
	border: 1px solid #bac9e0;
	color: #404040;
	
	background-color: #efefef;

}

input.styled {

	font-size: 0.9em;
	border: 1px solid #bac9e0;
	color: #404040;
	
	background-color: #efefef;

}


.timestamp {

	color: #808080;

}


#xtimeslider {

	float: right;
	xbackground-color: yellow;
	
	width: 20px;
	height: 40px;
	
	cursor: move;

}


.feed {

	margin: 7px 0px 0px 0px;

}

.feed img {

	width: 12px;
	height: 12px;
	
}

.sourcebox {

	margin: 5px 0px 7px 0px;
	
}


.icon {

	margin: 0px 5px 0px 0px;
	float: left;
	position: relative;
	top: -1px;
	width: 16px;
	height: 16px;
	
}



.size-0,.s0 { font-size: 16pt; line-height: 18pt; }
.size-1,.s1 { font-size: 14pt; line-height: 16pt; }
.size-2,.s2 { font-size: 14pt; line-height: 16pt; }
.size-3,.s3 { font-size: 12pt; line-height: 14pt; }
.size-4,.s4 { font-size: 10pt; line-height: 12pt; }
.size-20,.s20 { font-size: 20pt; line-height: 24pt; }
.size-30,.s30 { font-size: 30pt; line-height: 36pt; }
.size-40,.s40 { font-size: 40pt; line-height: 48pt; }
.size-50,.s50 { font-size: 50pt; line-height: 60pt; }


.w50 { width: 45%; }
.w100 { width: 100%; }
.w500 { width: 500px; }
.w700 { width: 680px; }

.left { float: left; }

.right { float: right; }
.rightalign { text-align: right; }

.inline { display: inline; }


.yellow { background-color: yellow; }
.orange { background-color: orange; }
.blue { background-color: blue; }


.noborder { border: none; }

.available { xbackground-color: #ffffff; }


/* Begin Politix Sidebar */
#sidebar
{
	padding: 20px 0 10px 0;
	float: right;
	width: 250px;
	}

#sidebar form {
	margin: 0;
}
/* End Sidebar */


li {
	xlist-style-type: none;
}

.warning {

	border: 2px solid red;
	padding: 10px;
}

.transparent50 {

	filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5;

}

.bold {

	font-weight: bold;
	
}


/* ------------------------------------------  colours  ----------------------------------------- */

.c-header {

	background-color: #7392C0;
	color: #000000;

}


.c-subheader {

	background-color: #96aed0;
	color: #000000;

}


.c-itemheader {

	background-color: #FFD457;
	color: #000000;

}


.c-item {

	background-color: #fff4d5;
	color: #403516;

}


.c-body {

	background-color: #efefef;

}

.red {

	color: #f00;
	
}



/* ----- jquery inplace editing ----------------------------------------------------------------- */

.inplace_field {

	width: 400px;
	
}


/* -----------------------------  autocomplete styles  ------------------------------------------ */
/* http://view.jquery.com/trunk/plugins/autocomplete/jquery.autocomplete.css */

.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}



/* userinterface */

/*
 * jQuery UI screen structure and presentation
 * This CSS file was generated by ThemeRoller, a Filament Group Project for jQuery UI
 * Author: Scott Jehl, scott@filamentgroup.com, http://www.filamentgroup.com
 * Visit ThemeRoller.com
*/

/*
 * Note: If your ThemeRoller settings have a font size set in ems, your components will scale according to their parent element's font size.
 * As a rule of thumb, set your body's font size to 62.5% to make 1em = 10px.
 * body {font-size: 62.5%;}
*/



/*UI accordion*/
.ui-accordion {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Verdana,Arial,sans-serif;
	font-size: 1.1em;
	border-bottom: 1px solid #d3d3d3;
}
.ui-accordion-group {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	border: 1px solid #d3d3d3;
	border-bottom: none;
}
.ui-accordion-header {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	cursor: pointer;
	background: #e6e6e6 url(/images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
}
.ui-accordion-header a {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	display: block;
	font-size: 1em;
	font-weight: normal;
	text-decoration: none;
	padding: .5em .5em .5em 1.7em;
	color: #555555;
	background: url(/images/888888_7x7_arrow_right.gif) .5em 50% no-repeat;
}
.ui-accordion-header a:hover {
	background: url(/images/454545_7x7_arrow_right.gif) .5em 50% no-repeat;
	color: #212121;
}
.ui-accordion-header:hover {
	background: #dadada url(/images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
	color: #212121;
}
.selected .ui-accordion-header, .selected .ui-accordion-header:hover {
	background: #ffffff url(/images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x;
}
.selected .ui-accordion-header a, .selected .ui-accordion-header a:hover {
	color: #212121;
	background: url(/images/454545_7x7_arrow_down.gif) .5em 50% no-repeat;
}
.ui-accordion-content {
	background: #ffffff url(/images/ffffff_40x100_textures_01_flat_75.png) 0 0 repeat-x;
	color: #222222;
	font-size: 1em;
}
.ui-accordion-content p {
	padding: 1em 1.7em 0.6em;
}






/*UI tabs*/
.ui-tabs-nav {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Verdana,Arial,sans-serif;
	font-size: 1.1em;
	float: left;
	position: relative;
	z-index: 1;
	border-right: 1px solid #d3d3d3;
	bottom: -1px;
}
.ui-tabs-nav ul {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
}
.ui-tabs-nav li {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	float: left;
	border: 1px solid #d3d3d3;
	border-right: none;
}
.ui-tabs-nav li a {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	float: left;
	font-size: 1em;
	font-weight: normal;
	text-decoration: none;
	padding: .5em 1.7em;
	color: #555555;
	background: #e6e6e6 url(/images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
}
.ui-tabs-nav li a:hover {
	background: #dadada url(/images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
	color: #212121;
}
.ui-tabs-nav li.ui-tabs-selected {
	border-bottom-color: #ffffff;
}
.ui-tabs-nav li.ui-tabs-selected a, .ui-tabs-nav li.ui-tabs-selected a:hover {
	background: #ffffff url(/images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x;
	color: #212121;
}
.ui-tabs-panel {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Verdana,Arial,sans-serif;
	clear:left;
	border: 1px solid #d3d3d3;
	background: #ffffff url(/images/ffffff_40x100_textures_01_flat_75.png) 0 0 repeat-x;
	color: #222222;
	padding: 1.5em 1.7em;	
	font-size: 1.1em;
}
.ui-tabs-hide {
	display: none;/* for accessible hiding: position: absolute; left: -99999999px*/;
}





/*slider*/
.ui-slider {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Verdana,Arial,sans-serif;
	font-size: 1.1em;
	background: #ffffff url(/images/ffffff_40x100_textures_01_flat_75.png) 0 0 repeat-x;
	border: 1px solid #aaaaaa;
	height: .8em;
	position: relative;
}
.ui-slider-handle {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	position: absolute;
	z-index: 2;
	top: -3px;
	width: 1.2em;
	height: 1.2em;
	background: #e6e6e6 url(/images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
	border: 1px solid #d3d3d3;
}
.ui-slider-handle:hover {
	background: #dadada url(/images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
	border: 1px solid #999999;
}
.ui-slider-handle-active, .ui-slider-handle-active:hover {
	background: #ffffff url(/images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x;
	border: 1px solid #aaaaaa;
}
.ui-slider-range {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	height: .8em;
	background: #dadada url(/images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
	position: absolute;
	border: 1px solid #d3d3d3;
	border-left: 0;
	border-right: 0;
	top: -1px;
	z-index: 1;
	opacity:.7;
	filter:Alpha(Opacity=70);
}






/*dialog*/
.ui-dialog {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Verdana,Arial,sans-serif;
	font-size: 1.1em;
	background: #ffffff url(/images/ffffff_40x100_textures_01_flat_75.png) 0 0 repeat-x;
	color: #222222;
	border: 4px solid #aaaaaa;
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	z-index: 99999;
}
.ui-resizable .ui-resizable-handle {
	display: block; 
}
body .ui-resizable-disabled .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
body .ui-resizable-autohide .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
.ui-resizable-n { 
	cursor: n-resize; 
	height: 7px; 
	width: 100%; 
	top: -5px; 
	left: 0px;  
}
.ui-resizable-s { 
	cursor: s-resize; 
	height: 7px; 
	width: 100%; 
	bottom: -5px; 
	left: 0px; 
}
.ui-resizable-e { 
	cursor: e-resize; 
	width: 7px; 
	right: -5px; 
	top: 0px; 
	height: 100%; 
}
.ui-resizable-w { 
	cursor: w-resize; 
	width: 7px; 
	left: -5px; 
	top: 0px; 
	height: 100%;
}
.ui-resizable-se { 
	cursor: se-resize; 
	width: 13px; 
	height: 13px; 
	right: 0px; 
	bottom: 0px; 
	background: url(/images/222222_11x11_icon_resize_se.gif) no-repeat 0 0;
}
.ui-resizable-sw { 
	cursor: sw-resize; 
	width: 9px; 
	height: 9px; 
	left: 0px; 
	bottom: 0px;  
}
.ui-resizable-nw { 
	cursor: nw-resize; 
	width: 9px; 
	height: 9px; 
	left: 0px; 
	top: 0px; 
}
.ui-resizable-ne { 
	cursor: ne-resize; 
	width: 9px; 
	height: 9px; 
	right: 0px; 
	top: 0px; 
}
.ui-dialog-titlebar {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	padding: .5em 1.5em .5em 1em;
	color: #555555;
	background: #e6e6e6 url(/images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
	border-bottom: 1px solid #d3d3d3;
	font-size: 1em;
	font-weight: normal;
	position: relative;
}
.ui-dialog-title {}
.ui-dialog-titlebar-close {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	background: url(/images/888888_11x11_icon_close.gif) 0 0 no-repeat;
	position: absolute;
	right: 8px;
	top: .7em;
	width: 11px;
	height: 11px;
	z-index: 100;
}
.ui-dialog-titlebar-close-hover, .ui-dialog-titlebar-close:hover {
	background: url(/images/454545_11x11_icon_close.gif) 0 0 no-repeat;
}
.ui-dialog-titlebar-close:active {
	background: url(/images/454545_11x11_icon_close.gif) 0 0 no-repeat;
}
.ui-dialog-titlebar-close span {
	display: none;
}
.ui-dialog-content {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	color: #222222;
	padding: 1.5em 1.7em;	
}
.ui-dialog-buttonpane {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: left;
	border-top: 1px solid #aaaaaa;
	background: #ffffff;
}
.ui-dialog-buttonpane button {
	margin: .5em 0 .5em 8px;
	color: #555555;
	background: #e6e6e6 url(/images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
	font-size: 1em;
	border: 1px solid #d3d3d3;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	line-height: 1.4em;
}
.ui-dialog-buttonpane button:hover {
	color: #212121;
	background: #dadada url(/images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
	border: 1px solid #999999;
}
.ui-dialog-buttonpane button:active {
	color: #212121;
	background: #ffffff url(/images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x;
	border: 1px solid #aaaaaa;
}
/* This file skins dialog */
.ui-dialog.ui-draggable .ui-dialog-titlebar,
.ui-dialog.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}







/*datepicker*/
/* Main Style Sheet for jQuery UI date picker */
.ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Verdana,Arial,sans-serif;
	background: #ffffff url(/images/ffffff_40x100_textures_01_flat_75.png) 0 0 repeat-x;
	font-size: 1.1em;
	border: 4px solid #aaaaaa;
	width: 15.5em;
	padding: 2.5em .5em .5em .5em;
	position: relative;
}
.ui-datepicker-div, #ui-datepicker-div {
	z-index: 9999; /*must have*/
	display: none;
}
.ui-datepicker-inline {
	float: left;
	display: block;
}
.ui-datepicker-control {
	display: none;
}
.ui-datepicker-current {
	display: none;
}
.ui-datepicker-next, .ui-datepicker-prev {
	position: absolute;
	left: .5em;
	top: .5em;
	background: #e6e6e6 url(/images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
}
.ui-datepicker-next {
	left: 14.6em;
}
.ui-datepicker-next:hover, .ui-datepicker-prev:hover {
	background: #dadada url(/images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
}
.ui-datepicker-next a, .ui-datepicker-prev a {
	text-indent: -999999px;
	width: 1.3em;
	height: 1.4em;
	display: block;
	font-size: 1em;
	background: url(/images/888888_7x7_arrow_left.gif) 50% 50% no-repeat;
	border: 1px solid #d3d3d3;
	cursor: pointer;
}
.ui-datepicker-next a {
	background: url(/images/888888_7x7_arrow_right.gif) 50% 50% no-repeat;
}
.ui-datepicker-prev a:hover {
	background: url(/images/454545_7x7_arrow_left.gif) 50% 50% no-repeat;
}
.ui-datepicker-next a:hover {
	background: url(/images/454545_7x7_arrow_right.gif) 50% 50% no-repeat;
}
.ui-datepicker-prev a:active {
	background: url(/images/454545_7x7_arrow_left.gif) 50% 50% no-repeat;
}
.ui-datepicker-next a:active {
	background: url(/images/454545_7x7_arrow_right.gif) 50% 50% no-repeat;
}
.ui-datepicker-header select {
	border: 1px solid #d3d3d3;
	color: #555555;
	background: #e6e6e6;
	font-size: 1em;
	line-height: 1.4em;
	position: absolute;
	top: .5em;
	margin: 0 !important;
}
.ui-datepicker-header option:focus, .ui-datepicker-header option:hover {
	background: #dadada;
}
.ui-datepicker-header select.ui-datepicker-new-month {
	width: 7em;
	left: 2.2em;
}
.ui-datepicker-header select.ui-datepicker-new-year {
	width: 5em;
	left: 9.4em;
}
table.ui-datepicker {
	width: 15.5em;
	text-align: right;
}
table.ui-datepicker td a {
	padding: .1em .3em .1em 0;
	display: block;
	color: #555555;
	background: #e6e6e6 url(/images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
	cursor: pointer;
	border: 1px solid #ffffff;
}
table.ui-datepicker td a:hover {
	border: 1px solid #999999;
	color: #212121;
	background: #dadada url(/images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
}
table.ui-datepicker td a:active {
	border: 1px solid #aaaaaa;
	color: #212121;
	background: #ffffff url(/images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x;
}
table.ui-datepicker .ui-datepicker-title-row td {
	padding: .3em 0;
	text-align: center;
	font-size: .9em;
	color: #222222;
	text-transform: uppercase;
}
table.ui-datepicker .ui-datepicker-title-row td a {
	color: #222222;
}
.ui-datepicker-cover {
	display: none;
	display/**/: block;
	position: absolute;
	z-index: -1;
	filter: mask();
	top: -4px;
	left: -4px;
	width: 193px;
	height: 200px;
}














/*
Generic ThemeRoller Classes
>> Make your jQuery Components ThemeRoller-Compatible!
*/

/*component global class*/
.ui-component {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Verdana,Arial,sans-serif;
	font-size: 1.1em;
}
/*component content styles*/
.ui-component-content {
	border: 1px solid #aaaaaa;
	background: #ffffff url(/images/ffffff_40x100_textures_01_flat_75.png) 0 0 repeat-x;
	color: #222222;
}
.ui-component-content a {
	color: #222222;
	text-decoration: underline;
}
/*component states*/
.ui-default-state {
	border: 1px solid #d3d3d3;
	background: #e6e6e6 url(/images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
	font-weight: normal;
	color: #555555 !important;
}
.ui-default-state a {
	color: #555555;
}
.ui-default-state:hover, .ui-hover-state {
	border: 1px solid #999999;
	background: #dadada url(/images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
	font-weight: normal;
	color: #212121 !important;
}
.ui-hover-state a {
	color: #212121;
}
.ui-default-state:active, .ui-active-state {
	border: 1px solid #aaaaaa;
	background: #ffffff url(/images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x;
	font-weight: normal;
	color: #212121 !important;
	outline: none;
}
.ui-active-state a {
	color: #212121;
	outline: none;
}
/*icons*/
.ui-arrow-right-default {background: url(/images/888888_7x7_arrow_right.gif) no-repeat 50% 50%;}
.ui-arrow-right-default:hover, .ui-arrow-right-hover {background: url(/images/454545_7x7_arrow_right.gif) no-repeat 50% 50%;}
.ui-arrow-right-default:active, .ui-arrow-right-active {background: url(/images/454545_7x7_arrow_right.gif) no-repeat 50% 50%;}
.ui-arrow-right-content {background: url(/images/222222_7x7_arrow_right.gif) no-repeat 50% 50%;}

.ui-arrow-left-default {background: url(/images/888888_7x7_arrow_left.gif) no-repeat 50% 50%;}
.ui-arrow-left-default:hover, .ui-arrow-left-hover {background: url(/images/454545_7x7_arrow_left.gif) no-repeat 50% 50%;}
.ui-arrow-left-default:active, .ui-arrow-left-active {background: url(/images/454545_7x7_arrow_left.gif) no-repeat 50% 50%;}
.ui-arrow-left-content {background: url(/images/222222_7x7_arrow_left.gif) no-repeat 50% 50%;}

.ui-arrow-down-default {background: url(/images/888888_7x7_arrow_down.gif) no-repeat 50% 50%;}
.ui-arrow-down-default:hover, .ui-arrow-down-hover {background: url(/images/454545_7x7_arrow_down.gif) no-repeat 50% 50%;}
.ui-arrow-down-default:active, .ui-arrow-down-active {background: url(/images/454545_7x7_arrow_down.gif) no-repeat 50% 50%;}
.ui-arrow-down-content {background: url(/images/222222_7x7_arrow_down.gif) no-repeat 50% 50%;}

.ui-arrow-up-default {background: url(/images/888888_7x7_arrow_up.gif) no-repeat 50% 50%;}
.ui-arrow-up-default:hover, .ui-arrow-up-hover {background: url(/images/454545_7x7_arrow_up.gif) no-repeat 50% 50%;}
.ui-arrow-up-default:active, .ui-arrow-up-active {background: url(/images/454545_7x7_arrow_up.gif) no-repeat 50% 50%;}
.ui-arrow-up-content {background: url(/images/222222_7x7_arrow_up.gif) no-repeat 50% 50%;}

.ui-close-default {background: url(/images/888888_11x11_icon_close.gif) no-repeat 50% 50%;}
.ui-close-default:hover, .ui-close-hover {background: url(/images/454545_11x11_icon_close.gif) no-repeat 50% 50%;}
.ui-close-default:active, .ui-close-active {background: url(/images/454545_11x11_icon_close.gif) no-repeat 50% 50%;}
.ui-close-content {background: url(/images/454545_11x11_icon_close.gif) no-repeat 50% 50%;}

.ui-folder-closed-default {background: url(/images/888888_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}
.ui-folder-closed-default:hover, .ui-folder-closed-hover {background: url(/images/454545_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}
.ui-folder-closed-default:active, .ui-folder-closed-active {background: url(/images/454545_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}
.ui-folder-closed-content {background: url(/images/888888_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}

.ui-folder-open-default {background: url(/images/888888_11x11_icon_folder_open.gif) no-repeat 50% 50%;}
.ui-folder-open-default:hover, .ui-folder-open-hover {background: url(/images/454545_11x11_icon_folder_open.gif) no-repeat 50% 50%;}
.ui-folder-open-default:active, .ui-folder-open-active {background: url(/images/454545_11x11_icon_folder_open.gif) no-repeat 50% 50%;}
.ui-folder-open-content {background: url(/images/454545_11x11_icon_folder_open.gif) no-repeat 50% 50%;}

.ui-doc-default {background: url(/images/888888_11x11_icon_doc.gif) no-repeat 50% 50%;}
.ui-doc-default:hover, .ui-doc-hover {background: url(/images/454545_11x11_icon_doc.gif) no-repeat 50% 50%;}
.ui-doc-default:active, .ui-doc-active {background: url(/images/454545_11x11_icon_doc.gif) no-repeat 50% 50%;}
.ui-doc-content {background: url(/images/222222_11x11_icon_doc.gif) no-repeat 50% 50%;}

.ui-arrows-leftright-default {background: url(/images/888888_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}
.ui-arrows-leftright-default:hover, .ui-arrows-leftright-hover {background: url(/images/454545_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}
.ui-arrows-leftright-default:active, .ui-arrows-leftright-active {background: url(/images/454545_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}
.ui-arrows-leftright-content {background: url(/images/222222_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}

.ui-arrows-updown-default {background: url(/images/888888_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}
.ui-arrows-updown-default:hover, .ui-arrows-updown-hover {background: url(/images/454545_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}
.ui-arrows-updown-default:active, .ui-arrows-updown-active {background: url(/images/454545_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}
.ui-arrows-updown-content {background: url(/images/222222_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}

.ui-minus-default {background: url(/images/888888_11x11_icon_minus.gif) no-repeat 50% 50%;}
.ui-minus-default:hover, .ui-minus-hover {background: url(/images/454545_11x11_icon_minus.gif) no-repeat 50% 50%;}
.ui-minus-default:active, .ui-minus-active {background: url(/images/454545_11x11_icon_minus.gif) no-repeat 50% 50%;}
.ui-minus-content {background: url(/images/222222_11x11_icon_minus.gif) no-repeat 50% 50%;}

.ui-plus-default {background: url(/images/888888_11x11_icon_plus.gif) no-repeat 50% 50%;}
.ui-plus-default:hover, .ui-plus-hover {background: url(/images/454545_11x11_icon_plus.gif) no-repeat 50% 50%;}
.ui-plus-default:active, .ui-plus-active {background: url(/images/454545_11x11_icon_plus.gif) no-repeat 50% 50%;}
.ui-plus-content {background: url(/images/222222_11x11_icon_plus.gif) no-repeat 50% 50%;}

/*hidden elements*/
.ui-hidden {
	display: none;/* for accessible hiding: position: absolute; left: -99999999px*/;
}
.ui-accessible-hidden {
	 position: absolute; left: -99999999px;
}
/*reset styles*/
.ui-reset {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
}
/*clearfix class*/
.ui-clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.ui-clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .ui-clearfix {height: 1%;}
.ui-clearfix {display: block;}
/* End hide from IE-mac */

/* Note: for resizable styles, use the styles listed above in the dialog section */