/*------------------------------------------------------------------------

# WEB DESIGN 1.0 - Feb, 2007

# ------------------------------------------------------------------------

 

# Websites:  http://www.webdesignbulgaria.net -  http://www.webdesignbulgaria.net

-------------------------------------------------------------------------*/



/* COMMON STYLE

--------------------------------------------------------- */

* {

	margin: 0;

	padding: 0;

}



body {

	color: #545454;

	background: #eeeeee;

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

	line-height: 150%;

}



body#bd {

	background: #f7f7f7;

}



body.contentpane {

	width: auto; /* Printable Page */

	margin: 1em 2em;

	background: #FFFFFF;

	color: #000000;

	font-size: 12pt;

	font-family: serif;

	line-height: 140%;

}



body.fs1{

	font-size: 9px;

}



body.fs2{

	font-size: 10px;

}



body.fs3{

	font-size: 11px;

}



body.fs4{

	font-size: 12px;

}



body.fs5{

	font-size: 13px;

}



body.fs6{

	font-size: 14px;

}



/* Normal link */

a {

	color: #ee7f00;

	text-decoration: underline;

}



a:hover, a:active, a:focus {

	background: #F2F2F2;

	color: #545454;

	text-decoration: underline;

}



/* Title text */

.contentheading, .componentheading, div.moduletable h3,

h1, h2, h3 {

}



/* Small text */

.small, .smalldark, .createdate, .modifydate, .mosimage_caption,

.back_button, .pagenavcounter, .pagenav, .pagenavbar, a.readon {

}



/* Heading */

h1 {

	font-size: 160%;

}



h2 {

	font-size: 140%;

}



h3 {

	font-size: 120%;

}



h4 {

	font-size: 100%;

	text-transform: uppercase;

}



p {

	margin: 5px 0 15px;

}



ul {

	margin-top: 5px;

	margin-bottom: 15px;

	list-style: none;

}



ul li {

	padding-left: 35px;

	background: url(../images/bullet-list.gif) no-repeat 20px 5px;

	line-height: 170%;

}



ol {

	margin-top: 5px;

	margin-bottom: 15px;

}



ol li {

	margin-left: 35px;

	line-height: 170%;

}



th {

	padding: 4px;

	font-weight: bold;

	text-align: left;

}



fieldset {

	border: none;

}



fieldset a {

	font-weight: bold;

}



hr {

	border-top: 1px solid #545454;

	border-right: 0;

	border-left: 0;

	border-bottom: 0;

	height: 1px;

}



a img {

	border: none;

}



td, div {

	font-size: 100%;

}



/* Code text */

pre, .code {

	padding: 10px 15px;

	margin: 5px 15px 15px;

	border-left: 3px solid #59B2C4;

	background: url(../images/body-bg.jpg);

	font: 1em/1.5 "Courier News", monospace;

}



blockquote {

	padding: 15px 40px 15px 60px;

	background: url(../images/quote.gif) 20px 10px no-repeat;

	font: italic 1em/1.5 Georgia, Times, serif;

}



.dropcap {

	float: left;

	padding: 4px 8px 0 0;

	display: block;

	color: #59B2C4;

	font: 50px/40px Georgia, Times, serif;

}



/* Tips, Error, Message, Hightlight*/

.error {

	padding-left: 25px;

	color: #CC786F;

	background: url(../images/bullet-error.gif) no-repeat top left;

}



.message {

	padding-left: 25px;

	color: #59B2C4;

	background: url(../images/bullet-info.gif) no-repeat top left;

}



.tips {

	padding-left: 25px;

	color: #E0AB66;

	background: url(../images/bullet-tips.gif) no-repeat top left;

}



.highlight {

	border-bottom: 1px dotted #999999;

	padding: 0 5px;

	background: #FEFAE1;

	font-weight: bold;

}



p.stickynote {

	padding: 28px 80px 15px 25px;

	background: url(../images/sticky-bg.gif) no-repeat top right #EDECEC;

	border-bottom: 3px solid #DDDDDD;

}



p.pinnote {

	padding: 28px 60px 15px 25px;

	background: url(../images/pin-bg.gif) no-repeat top right #EDECEC;

	border-bottom: 3px solid #DDDDDD;

}



p.clipnote {

	padding: 28px 60px 15px 25px;

	background: url(../images/clip-bg.gif) no-repeat top right #EDECEC;

	border-bottom: 3px solid #DDDDDD;

}



.blocknumber {

	clear: both;

	padding: 5px 15px 10px;

	position: relative;

}



.bignumber {

	float: left;

	margin-right: 8px;

	margin-bottom: 5px;

	padding: 0 2px;

	display: block;

	color: #59B2C4;

	font: 30px/normal Arial, sans-serif;

	font-weight: bold;

}



/* FORM

--------------------------------------------------------- */

form {

	margin: 0;

	padding: 0;

}



input, select {

	font: 11px/normal Tahoma, Arial, sans-serif;

	color: #545454;

}



select, .inputbox {

	padding: 2px;

}



textarea {

	padding-left: 2px;

}



.button, .button:hover {

	padding: 2px 10px!important;

	padding: 1px 5px;

	border-top: 1px solid #DDDDDD;

	border-right: 1px solid #999999;

	border-bottom: 1px solid #999999;

	border-left: 1px solid #DDDDDD;

	background: #EDECEC;

}



.button:active, .button:focus {

	border-top: 1px solid #999999;

	border-right: 1px solid #DDDDDD;

	border-bottom: 1px solid #DDDDDD;

	border-left: 1px solid #999999;

}



.inputbox {

	border: 1px solid #C0C0C0;

	background: #FFFFFF;

}



.inputbox:hover, .inputbox:focus {

	border: 1px solid #999999;

	background: #FFFFFF;

}



/* MODULE

--------------------------------------------------------- */

div.moduletable h3 {

	margin: 0 0 5px;

	padding: 4px 2px 4px;

	border-bottom: 1px solid #C0C0C0;

	font-size: 1em;

	text-transform: uppercase;
	color:#EE7F00;

}



div.moduletable {

	margin: 0 0 15px;

	padding: 0;

}



div.module-orange h3,

div.module-green h3,

div.module-blue h3,

div.module h3 {

	margin: 0 0 10px 0;

	padding-bottom: 6px;

	font-size: 1em;

	text-transform: uppercase;

}



div.module-orange,

div.module-green,

div.module-blue,

div.module {

	margin-bottom: 15px;

	padding: 0;

	float: left;

	clear: both;

	width: 100%;

	background: url(../images/box-orange-br.gif) no-repeat bottom right; 

}



div.module-orange div,

div.module-green div,

div.module-blue div,

div.module div {

	padding: 0;

	background: url(../images/box-orange-bl.gif) no-repeat bottom left;

}



div.module-orange div div,

div.module-green div div,

div.module-blue div div,

div.module div div {

	padding: 0;

	background: url(../images/box-orange-tr.gif) no-repeat top right;

}



div.module-orange div div div,

div.module-green div div div,

div.module-blue div div div,

div.module div div div {

	padding: 8px 15px 15px 15px;

	 background: url(../images/box-orange-tl.gif) no-repeat top left; 

}



div.module-orange div div div div,

div.module-green div div div div,

div.module-blue div div div div,

div.module div div div div {

	margin: 0;

	padding: 0;

	background: none;

}



div.module-orange a, div.module-orange a:hover, div.module-orange a:active,

div.module-green a, div.module-green a:hover, div.module-green a:active,

div.module-blue a, div.module-blue a:hover, div.module-blue a:active {

	color: #FFFFFF;

}


/* Tabs */
#ja-tabs {
	margin-bottom: 10px;
	padding: 0;
	background: url(../images/grad3.gif) repeat-x top #FFFFFF;
	border: 1px solid #DDDDDD;
}

#ja-tabs div.moduletable {
	margin: 0;
	padding: 0;
}

/* orange module */

div.module-orange h3 {

	color: #FFFFFF;

}



div.module-orange {

	color: #FFFFFF;

	background: url(../images/box-orange-br.gif) no-repeat bottom right;

}



div.module-orange div {

	background: url(../images/box-orange-bl.gif) no-repeat bottom left;

}



div.module-orange div div {

	background: url(../images/box-orange-tr.gif) no-repeat top right;

}



div.module-orange div div div {

	background: url(../images/box-orange-tl.gif) no-repeat top left;

}



/* Blue hilite module */

div.module-blue h3 {

	color: #FFFFFF;

}



div.module-blue {

	color: #FFFFFF;

	background: url(../images/box-blue-br.gif) no-repeat bottom right;

}



div.module-blue div {

	background: url(../images/box-blue-bl.gif) no-repeat bottom left;

}



div.module-blue div div {

	background: url(../images/box-blue-tr.gif) no-repeat top right;

}



div.module-blue div div div {

	background: url(../images/box-blue-tl.gif) no-repeat top left;

}



/* Green hilite module */

div.module-green h3 {

	color: #FFFFFF;

}



div.module-green {

	color: #FFFFFF;

	background: url(../images/box-green-br.gif) no-repeat bottom right;

}



div.module-green div {

	background: url(../images/box-green-bl.gif) no-repeat bottom left;

}



div.module-green div div {

	background: url(../images/box-green-tr.gif) no-repeat top right;

}



div.module-green div div div {

	background: url(../images/box-green-tl.gif) no-repeat top left;

}



/* JOOMLA STYLE

--------------------------------------------------------- */

table.blog {

}



.article_seperator {

	display: block;

	background: url(../images/seperator.gif) repeat-x left center;

	height: 40px;

}



#web-leftcol .article_seperator, #web-rightcol .article_seperator {

	display: none;

}



table.contentpane {

	border: none;

	width: 100%;

}



table.contentpaneopen {

	border: none;

}



table.contenttoc {

	margin: 0 0 10px 10px;

	padding: 0;

	width: 35%;

}



table.contenttoc a {

	text-decoration: none;

}



table.contenttoc td {

	padding: 1px 5px 1px 25px;

	background: url(../images/bullet-list.gif) no-repeat 5% 50%;

}



table.contenttoc th {

	padding: 4px;

	background: url(../images/pat-bg1.gif);

	text-indent: 5px;

}



table.poll {

	padding: 0;

	width: 100%;

	border-collapse: collapse;

}



table.pollstableborder {

	padding: 0;

	width: 100%;

	border: none;

	text-align: left;

}



table.pollstableborder img {

	vertical-align: baseline;

}



table.pollstableborder td {

	padding: 5px!important;

}



table.pollstableborder tr.sectiontableentry1 td {

	background: #F2F2F2;

}



table.searchintro {

	padding: 10px 0;

	width: 100%;

}



table.searchintro td {

	padding: 5px!important;

}



table.adminform {

	width: 400px!important; /*Control the Frontend Editor area width*/

}



.adminform .inputbox {

}



.blog_more {

	margin: 10px 0;

	padding: 10px;

	border: 1px solid #EDECEC;

	background: url(../images/pat-bg1.gif) #F2F2F2;

}



.blog_more strong {

	margin: 0 0 5px;

	display: block;

	color: #545454;

	text-transform: uppercase;

}



.blog_more ul {

	margin: 0;

	padding: 0;

}



.blog_more ul li {

	margin: 0;

	padding: 0 0 0 12px;

	background: url(../images/bullet-list.gif) no-repeat 0 8px;

}



td.buttonheading {

	padding: 0 0 0 3px!important;

	text-align: center;

}



.category {

	font-weight: bold;

}



.clr {

	clear: both;

}



.componentheading {

	padding-bottom: 5px;

	margin-bottom: 10px;

	font-size: 200%;

	font-weight: bold;

	line-height: normal;

}



.contentdescription {

	padding-bottom: 30px;

	color: #999999;

}



table.blog .contentheading {

	font-size: 170%;

	line-height: normal;

	font-weight: bold;

}



.contentheading {

	font-size: 170%;

	line-height: normal;

	color: #ee7f00;

	font-weight: bold;

}



a.contentpagetitle {

	text-decoration: none!important;

}



a.contentpagetitle:hover,

a.contentpagetitle:active,

a.contentpagetitle:focus {

	text-decoration: none!important;

}



a.readon {

	float: right;

	padding: 1px 5px 1px 10px;

	display: block;

	background: url(../images/readon-bg.gif) no-repeat center left #ee7f00;

	color: #FFFFFF;

	text-decoration: none;

}



a.readon:hover, a.readon:active, a.readon:focus {

	color: #FFFFFF;

	background: url(../images/readon-bg.gif) no-repeat center left #59B2C4;

	text-decoration: none;

}



table.contentpaneopen td, table.contentpane td {

}



table.contentpaneopen, table.contentpane, table.blog {

	width: 96%;

}



.createdate {

	padding: 2px 0 10px 0;

	color: #999999;

	line-height: 10px;

}



.modifydate {

	color: #999999;

	height: 15px;

}



.moduletable {

	padding: 0;

}



.mosimage {

	padding: 0;

	margin: 5px 15px 0 0!important;

	margin: 5px 5px 0 0;

}



.mosimage img {

	padding: 0;

	margin: 0!important;

}



.mosimage_caption {

	margin-top: 5px;

	padding: 1px 2px;

	color: #999999;

}



.pagenav,

.pagenav_prev,

.pagenav_next,

.pagenavbar {

	padding: 0 2px;

}



a.pagenav,

.pagenav_prev a,

.pagenav_next a,

.pagenavbar a {

	text-decoration: none;

}



a.pagenav:hover, a.pagenav:active, a.pagenav:focus,

.pagenav_prev a:hover, .pagenav_prev a:active, .pagenav_prev a:focus,

.pagenav_next a:hover, .pagenav_next a:active, .pagenav_next a:focus,

.pagenavbar a:hover, .pagenavbar a:active, .pagenavbar a:focus {

	text-decoration: none;

}



.pagenavbar {

	padding-left: 14px;

	background: url(../images/pages.gif) no-repeat center left;

}



.pagenavcounter {

	padding: 8px 14px 0 14px;

	background: url(../images/pages.gif) no-repeat 0 11px;

}



.sectiontableheader {

	padding: 7px 5px;

	border: 1px solid #DDDDDD;

	background: url(../images/pat-bg2.jpg) repeat-x bottom #FFFFFF;

	font-weight: bold;

}



tr.sectiontableentry1 td {

	padding: 7px 5px;

	background: url(../images/seperator2.gif) repeat-x bottom;

}



tr.sectiontableentry2 td {

	padding: 7px 5px;

	background: url(../images/seperator2.gif) repeat-x bottom #F2F2F2;

}



tr.sectiontableentry1:hover td,

tr.sectiontableentry2:hover td {

	background: url(../images/seperator2.gif) repeat-x bottom #FEFAE1;

}



tr.sectiontableentry1 a:hover, tr.sectiontableentry1 a:active, tr.sectiontableentry1 a:focus,

tr.sectiontableentry2 a:hover, tr.sectiontableentry2 a:active, tr.sectiontableentry2 a:focus {

	background: none;

}



.small {

	color: #999999;

}



.smalldark {

	color: #999999;

	text-align: left;

}



div.syndicate div {

	text-align: center;

}



.pollstableborder tr.sectiontableentry1 td,

.pollstableborder tr.sectiontableentry2 td {

	background: none;

}



/* MAIN LAYOUT DIVS

--------------------------------------------------------- */

#web-wrapper {

	width: 760px;

	margin: 0 auto;

}



.wide #web-wrapper {

	width: 950px;

}



.auto #web-wrapper {

	width: 95%;

}



#web-containerwrap {

	margin-top: 5px;

	text-align: left;

	background: url(../images/mainwrap-bg.gif) repeat-y 80% 0% #FFFFFF;

}



#web-container {

	padding: 0;

	background: url(../images/leftcol-right-bg.gif) repeat-y 60% 0%;

}



#web-container-fr, #web-container-f {

	background-color: #FFFFFF;

}



#web-container-fr {

	padding: 0;

	background: url(../images/leftcol-left-bg.gif) repeat-y 20% 0% #FFFFFF;

}



#web-contentwrap {

}



#web-content {

	padding: 0 10px 5px 20px;

	margin: 0;

	clear: both;

	display: block;

	min-height: 300px;

}



/* HEADER

--------------------------------------------------------- */

#web-headerwrap {
width:100%;

}



#web-header {

	clear: both;

	text-align: left;

	line-height: normal;

	height: 160px;
	width: 100%;
	position: relative;
	background: url(../images/web_design_bulgaria.png) 0px;

}



#web-header h1 {

font-size:13px;
left:10pt;
position:absolute;
top:130px;

}



#web-header h1 a {

	text-decoration: none;

	text-transform: uppercase;

}



#web-header h1 img {

	float: left;

}



/* Top Menu in Header */

#web-topnavwrap {

	padding-left: 5px;

	position: absolute;

	top: 12px;

	right: 5px;

	height: 26px;

}



#web-topnavwrap ul {

	margin: 0;

	padding: 0;

	float: left;

	height: 26px;

}



#web-topnavwrap li {

	margin: 0;

	padding: 0;

	display: inline;

	background: none;

}



#web-topnavwrap li a {

	padding: 0 0 0 20px;

	text-decoration: none;

	line-height: 24px;

}



#web-topnavwrap li a:hover,

#web-topnavwrap li a:active,

#web-topnavwrap li a:focus {

	background: none;

}



/* User Tools */

#web-usertoolswrap {

	float: right;

	width: 100px;

	display: block;

	background: url(../images/sitetool-bg1.gif) no-repeat top left;

	position: relative;

	z-index: 999;

}



span.web-sitetool {

	margin: 0;

	padding: 12px 0 11px 23px;

	display: block;

	color: #FFFFFF;

	font-weight: bold;

	text-align: center;

	text-decoration: none;

	background: url(../images/mainnav-sep.gif) repeat-y top left;

	cursor: pointer;

}



#web-usertoolswrap:hover, #web-usertoolswrap.web-toolswraphover {

	background: url(../images/sitetool-bg2.gif) no-repeat top left #ee7f00;

}



#web-usertoolswrap:hover #web-usertools,

#web-usertoolswrap.web-toolswraphover #web-usertools {

	display: block;

	top: 30px;

}



#web-usertools {

	padding: 5px 0 2px;

	float: left;

	border-top: 1px solid #DDDDDD;

	border-right: 1px solid #999999;

	border-bottom: 1px solid #999999;

	border-left: 1px solid #DDDDDD;

	display: none;

	background: #FFFFFF;

	font-size: 11px;

	position: absolute;

	top: 100%;

	line-height: normal;

}



#web-usertools span {

	float: left;

	padding: 0 8px;

	margin: 0;

	display: block;

}



#web-usertools img {

	padding: 0 2px;

	margin: 0;

}



#web-usertools a {

	background: none;

}

/* Search */

#web-search {

	position: absolute;
	right:30px;
	top:55px;

}



#web-search div.search {

	padding-left: 18px;

	background: url(../images/icon-search.gif) no-repeat center left;

}



#web-search .inputbox {

	width: 200px;

	padding-left: 5px;

	border: 1px solid #C0C0C0;

	background: #FFFFFF;

}



#web-usertools .inputbox:hover,

#web-usertools .inputbox:focus {

}



/* MAIN NAVIGATION

--------------------------------------------------------- */

#web-mainnavwrap {

	background: url(../images/mainnav-wrap-bg.gif) repeat-x #F8F8F8; 
/*background:  #f7f7f7;*/
width:100%;

}



#web-mainnav {

	font-size: 1em;

	line-height: normal;

}



#web-mainnav a {

}



#web-subnav {

	padding: 6px 0;

	margin: 3px 0 0;

	clear: both;

	line-height: normal;

}



/* Default Joomla! Menu */

a.mainlevel {

	padding: 5px 3px 7px 12px;

	width: 90%;

	display: block;

	background: url(../images/a-mainlevel-bg.gif) no-repeat bottom left;

	color: #CCCCCC;

	text-decoration: none;

}



a.mainlevel:hover,

a.mainlevel:active,

a.mainlevel:focus {

	color: #FFFFFF;

	text-decoration: none;

	background: url(../images/a-mainlevel-bg.gif) no-repeat bottom left #484845;

}



a.mainlevel#active_menu {

	color: #ee7f00;

	background: url(../images/a-mainlevel-bg.gif) no-repeat bottom left #484845;

	font-weight: bold;

	text-decoration: none;

}



a.sublevel {

	padding: 4px 4px 4px 13px;

	display: block;

	color: #545454;

	background: url(../images/bullet-list2.gif) no-repeat 2% 50%;

	text-decoration: none;

}



a.sublevel:hover,

a.sublevel:active,

a.sublevel:focus {

	color: #59B2C4;

	background: url(../images/bullet-list2.gif) no-repeat 2% 50%;

	text-decoration: none;

}



#active_menu {

	background: url(../images/bullet-list2.gif) no-repeat 2% 50%;

	color: #59B2C4;

}



/* SPOTLIGHT

--------------------------------------------------------- */

/* Sub Header */

#web-sh {

	clear: both;

	height: 200px;

	overflow: hidden;

	background: #999999;

	margin-top: 5px;

}



/* Spotlight Box Style */

.web-box-full, .web-box-left, .web-box-center, .web-box-right {

	float: left;

	overflow: hidden;

}



.web-box-left div.moduletable {

	padding-right: 20px;

}



.web-box-right div.moduletable {

	padding-left: 20px;

	background: url(../images/v3-seperator.gif) top left repeat-y;

}



.web-box-center div.moduletable {

	padding: 0 20px;

	background: url(../images/v3-seperator.gif) top left repeat-y;

}



/* Top Spotlight */

#web-topslwrap {

	clear: both;

	padding-bottom: 10px;

	margin-bottom: 10px;

	background: url(../images/seperator.gif) repeat-x left bottom;

}



#web-topsl {

	padding: 0;

}



#web-topsl h3 {

}



#web-topsl div.moduletable {

}



#web-topsl div.web-box-left,

#web-topsl div.web-box-center,

#web-topsl div.web-box-right {

	padding: 0 0 5px;

}



#web-topsl div.web-box-left,

#web-topsl div.web-box-center {

	background: url(../images/v-seperator.gif) repeat-y top right;

}



/* Bottom Spotlight */

#web-botsl {

	padding-bottom: 1px;

	color: #999999;

}



#web-botsl-left {

	width: 80%;

	float: left;

	background: url(../images/botsl-bg.gif) top left #ee7f00;

	color: #FFFFFF;

	padding: 15px 0;

}



#web-botsl-right {

	width: 19%;

	float: right;

	color: #FFFFFF;

	padding: 15px 0;

	background: url(../images/botsl-right-bg.gif) top left #59B2C4;

}



#web-botsl a {

}



#web-botsl h3 {

	padding: 0;

	margin: 0 0 5px;

	border: none;

	background: none;

	text-indent: 0;

}



#web-botsl div.moduletable {

	margin: 0;

	padding: 0 20px;

}



#web-topsl ul,

#web-botsl ul {

	padding: 0;

	margin: 0!important;

}



#web-topsl li,

#web-botsl li {

	padding: 0 0 0 12px;

	margin: 0;

	background: url(../images/bullet-list.gif) no-repeat 0 5px;

}



#web-topsl li a,

#web-botsl li a {

	color: #545454;

	text-decoration: none;

}



#web-topsl li a:hover, #web-topsl li a:active, #web-topsl li a:focus,

#web-botsl li a:hover, #web-botsl li a:active, #web-botsl li a:focus {

	color: #545454;

	text-decoration: none;

}



#web-topsl td,

#web-botsl td {

	padding: 0;

}



#web-botsl .article_seperator,

#web-topsl .article_seperator {

	display: none;

}



#web-botsl table,

#web-topsl table {

	border-spacing: 0;

	border-collapse: collapse;

}



/* PATHWAY

---------------------------------------------------------*/

#web-pathway {

	margin: 0 -20px 10px;

	padding: 7px 6px;

	display: block;

	background: url(../images/pat-bg2.jpg) repeat-x bottom left #FFFFFF;

	font-size: 1em;

	line-height: normal;

	text-indent: 15px;

	border-bottom: 1px solid #DDDDDD;

}



#web-pathway img {

	margin: 0 5px 1px;

}



#web-pathway strong {

	margin-right: 5px;

}



#web-pathway a {

	color: #545454;

}



/* CONTENT COLUMN

--------------------------------------------------------- */

#web-mainbody, #web-mainbody-fl, #web-mainbody-fr, #web-mainbody-f {

	padding-bottom: 20px;

	border-bottom: 3px solid #E1E1E1;

}



#web-mainbody {

	float: left;

	width: 80%;

}



#web-mainbody #web-contentwrap {

	float: left;

	width: 75%;

}



#web-mainbody-fl {

	float: left;

	width: 80%;

}



#web-mainbody-fl #web-contentwrap {

	float: left;

	width: 100%;

}



#web-mainbody-fr {

background:#E9E9E9 none repeat scroll 0% 50%;
float:left;
width:100%;

}



#web-mainbody-fr #web-contentwrap {

	float: right;

	width: 80%;

}



#web-mainbody-fr #web-leftcol {

	width: 20%;

}



#web-mainbody-f {

	float: left;

	width: 100%;

}



/* LEFT COLUMN + RIGHT COLUMN

--------------------------------------------------------- */

#web-leftcol {

	float: left;

	width: 24.9%;
	background:#484845 none repeat scroll 0% 50%;

}



#web-leftcol-inner {

	padding: 4px 15px 0 15px;

}



#web-rightcol {

	float: right;

	width: 19%;

	background: url(..images/body-bg.jpg) top left repeat-y;

}



#web-leftcol table,

#web-rightcol table {

	border-collapse: collapse;

	border-spacing: 0;

}



#web-leftcol ul li,

#web-rightcol ul li {

	padding-left: 12px;

	margin: 0;

	background: url(../images/bullet-list.gif) no-repeat 0 6px;

}



#web-leftcol ul,

#web-rightcol ul {

	margin: 0;

}



/* FOOTER

--------------------------------------------------------- */

#web-footerwrap {

	clear: both;

	padding: 5px 0 10px;

	color: #999999;

	text-align: left;
	background:#484845 none repeat scroll 0% 50%;

}



#web-footer {

	height: 55px;

	overflow: hidden;

	position: relative;

	text-align: left;

	padding: 0 15px;

	color: #999999;

}



#web-footer a {

	color: #999999;

	text-decoration: none;

}



#web-footer a:hover,

#web-footer a:active,

#web-footer a:focus {

	color: #999999;

}



#web-bottomline {

	float: left;

}



#web-cert {

	float: right;

	margin-top: 15px;

	font-size: 11px;

}



#web-cert a, #web-cert a:hover, #web-cert a:active, #web-cert a:focus {

	padding-left: 5px;

	background: none;

}



/* MISCELLANOUS

----------------------------------------------------------- */

#web-banner {

	text-align: center;

	overflow: hidden;

	width: 98%;

}



div.back_button a,

div.back_button a:hover,

div.back_button a:active {

	margin: 10px 0;

	display: block;

	background: none!important;

	text-decoration: none!important;

}



#mod_login_password, #mod_login_username {

	width: 93%;

}



#mod_login_password {

}



#mod_login_username {

}



#mod_login_remember {

	border: none;

	background: none;

}



/* Clearfix */

.clearfix:after {

	clear: both;

	display: block;

	content: ".";

	height: 0;

	visibility: hidden;

}



* html > body .clearfix {

	width: 100%;

	display: block;

}



* html .clearfix {

	height: 1%;

}



/* Firefox Scrollbar Hack - Do not remove */

html {

	margin-bottom: 1px;

	height: 100%!important;

	height: auto;

}


.scrolldv {
overflow-y: scroll;
height: 200px;
}
.scrolldv-cr {

height: 20px;
}