/*Global Resets*/
* {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,blockquote,label,ul,ol,dl,fieldset,address {margin:0.5em 0;padding:0;}
p {margin:1em 0;}
fieldset {padding:.5em;}
img {border:0;}
a img {border:0;}
ul, li {margin-left:0;padding:0;}
table {font-size:1em;}
.hidden {display:none;}
/**********************/
/*Clearfix for FF float problem*/
.cf:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
* html .cf {height: 1%;}
/* End hide from IE-mac */
li{list-style-type:none;}

body{
margin:0;
padding:0;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#ddd;
background-color:#000;
font-size: 12px;
} 

/*Layout CSS*/
/*font sizes*/
body.smallfonts {font-size:12px;}
body.mediumfonts {font-size:14px;}
body.largefonts {font-size:16px;}


#wrapper {margin: 0 auto;
}
#wrapper-bot {margin: 0 auto;
}
#bottom-all {width: 100%; }
#inner-wrapper { padding: 0 20px;  
}
#pagebottom-shadow-frame {width: 100%;  height: 0px;position:relative;}
#pagebottom-shadow {width: 100%; background: url(../images/bottom-shadow.png) repeat-x; height: 80px; top:0; left:0;position:absolute;}
#inner-wrapper-bot { float:left; width:100%; background: #000 url(../images/bottom-vintage.jpg) bottom left repeat-x; padding-bottom: 20px;
}
#inner-wrapper-bot-2 {padding:30px 20px; margin:0 auto;
}

#inner{
}
#inner-container { float:left; width:100%; padding-bottom:30px;
}
#inner-bottom { height:100%;padding:20px 7px 35px 7px;
}
/*#inner-bottom-l {background: url(../images/leftshadow.png) no-repeat top left;
} 
#inner-bottom-r {background: url(../images/rightshadow.png) no-repeat top right; padding: 0 20px;
} */


/*Outer Columns*/
#outercolumn-l{ 
/*don't change below*/
float: left;
height:100%;
}
#outerpad-l{
margin-top:50px;
position:relative;
}

#outercolumn-r{ 
/*don't change below*/
float: left;
height:100%;	
}
#outerpad-r{
margin-top:50px;
position:relative;

}

.outer-mod{ width:100%;
}

#outer-container{width:100%;
float:left; 
}


/*Left & Right Columns*/

#leftcolumn{
/*don't change below*/
float: left;
position:relative;
}
#left-mod{
width:100%;
}

#rightcolumn{
/*don't change below*/
float: left;
}
#right-mod{
width:100%;


}
#contentframe {width:100%; float:left; padding-top:0px;}
#contentframe-1{  
float: left;
width: 100%;
}
#contentframe-2{
}
#contentcolumn{ /*this div is essential - dynamically produced css in index.php */
}
#maincontent-area{width:100%;float:left;}
#mainbody-pad{padding:20px 15px; 
}

#breadcrumb {width: 100%; position:relative;height:0;}
#breadcrumb-inner {padding:10px; text-align:right; position:relative; left:0px;font-size:12px;position:absolute;height:40px;top:10px;color:#AA86A4;}
#breadcrumb a:link, #breadcrumb a:visited {}

#pagebg { width:100%; height:0;position:relative;}
#pagebg-inner { background: url(../images/pagetopbg.png) repeat-x; top:0; height:481px; position:absolute;width:100%;}
#shadow-frame {position:relative;height:0; width:100%;}
#shad-l {position:absolute; background: url(../images/left_shadow.png) no-repeat;height: 665px;top:290px;left: -50px; width:100%; }
#shad-r {position:absolute;background: url(../images/right_shadow.png) no-repeat top right; height: 665px;top:0px;right: -100px; width:100%;}
#logo_frame {position:relative;height:160px;z-index:0;width:100%;}
#logo {height:222px;width:100%;background: url(../images/logo.png) no-repeat 50% 0%;position:absolute;top:0px;right:0px;}
#footer-wrapper {color: #666; font-size:12px;width:100%; float:left;background: #000;padding: 18px 0;}
#footer-inner { margin:0 auto; text-align:center;}


#searchmod_frame-outer{position:relative;height:0;}


/*lists*/

ul li,  ul {list-style: none; text-indent:10px; margin-bottom:7px;}
li {margin-bottom: 7px; padding-left: 7px;}
ul li {background:url(../images/indent1.png) no-repeat 3px 5px;line-height:1.2em;}


/*Links*/
#mainbody p {}
a:link, a:visited {color:#ccc;text-decoration:none;outline:none;border-bottom:none;}
a:hover{color:#ffffff;text-decoration:none;border-bottom:0px dotted;}
#bottom-all a:link, #bottom-all a:visited {color:#fff; font-weight:bold;}
span.Tips2, a.linker:link,a.linker:visited {padding-left:18px;background: url(../images/linker.png) 0 50% no-repeat;border-bottom:none;}
span:hover.Tips, a.linker:hover {text-decoration:none;border-bottom:1px dotted;}
ul li a:link {border-bottom:none;}
ul li a:hover {}
.contentpaneopen .buttonheading a{padding-right:3px;border-bottom:none;}
.contentpaneopen .buttonheading a:hover {padding-right:3px;border-bottom:none;}
.contenttoc {margin:8px;}

/*Typography*/
h1 {color: #fff;
    font-size: 26px;
    font-weight: normal;}
h2 {color:#ffffff;font-size:1.5em}
h3 {color:#777;font-size:1.2em;font-weight:normal; line-height:1.8em;}
h4 {color:#0098BF;font-size:1.2em}
h5 {color:#555;font-style:italic;font-size:1.2em}
h6 {color:#990000;font-size:1.1em}
.contentheading {color: #fff;font-size:1.8em;line-height:1.5em;font-weight:bold;}
.componentheading {color:#fff;font-size:2.2em;font-weight:normal;line-height:1.5em;
}
.sectiontableheader {background:transparent;}
#userscont2 .mosimage_caption{color:#999;}
.small, .createdate, .modifydate {color:#999;font-size:.8em;}
pre, .code {padding: 10px 15px;background: #777;margin: 5px 0 15px;border-top: 5px solid #ddd;border-bottom: 5px solid #ddd; color:#fff;}
.dropcap {float: left;padding:7px 11px 0 0;display: block;color: #444; font:60px/40px Georgia, Times, serif;}
.attn {padding-left: 30px;color:#999;background:#222 url(../images/accents/attn.png) no-repeat 3px 50%;line-height:25px;border-top: 5px solid #000;border-bottom: 5px solid #000;}
.info {padding-left: 30px;color:#999;background:#222 url(../images/accents/info.png) no-repeat 3px 50%;line-height:25px;border-top: 5px solid #000;border-bottom: 5px solid #000;}
.tip {padding-left: 30px;color: #999;background:#222 url(../images/accents/tip.png) no-repeat 3px 50%;line-height:25px;border-top: 5px solid #000;border-bottom: 5px solid #000;}
.highlight {color:#000; padding: 0 5px;background:#66CC00;font-weight: normal;}
ul.checklist {list-style: none;}
ul.checklist li {margin-left: 3px;padding: 0px 0 5px 20px;background: url(../images/accents/check.png) no-repeat 0px 0px;}
ul.checklist ul li {background:url(../images/indent2.png) no-repeat 0 3px;padding:0 0 2px 8px;}
.bubble {clear: both;padding: 5px 15px 10px;position: relative;}
.bubblenum {float: left;margin-right: 8px;padding: 6px 7px;display: block;color: #fff;
background: url(../images/accents/big_number.png) no-repeat top left;font: 20px/normal Arial, sans-serif;font-weight: bold;}
ol li {margin-left: 35px;line-height: 170%;list-style:decimal;font-weight:normal;}

tr.sectiontableentry1 td,td.sectiontableentry1, td.sectiontableentry1solid {padding: 4px;background-color:transparent;}
tr.sectiontableentry2 td,td.sectiontableentry2, td.sectiontableentry2solid {padding: 4px;background: url(../images/inputbg.png);color:#777;}

table .contenttoc { background: #eee; float: right; margin:10px; padding: 10px;}

/*imput box, buttons*/
.button{font-size: 1em;color:#ddd;border: #222 1px solid;background: url(../images/inputbg.png);
padding:4px;font-size:1em;margin: 3px 0;
}
.readon {float:right;text-indent:0px;border: #222 1px solid;background: url(../images/inputbg.png);
padding:4px;font-size:1em;}
.readon:hover {}

.inputbox, textarea {color:#ddd;border: #666666 1px solid;background: url(../images/inputbg.png); font-size:1em;margin-right: 5px;padding:4px;margin:3px 0;}
fieldset{border:0;}

#topusers {width:100%; float:left;}

/*CSS for Module Space Splitting*/
.topuser {width:100%;text-align:right;}
#userscont1 {width:100%;}
#userscont2 {width:100%; margin:0 auto; }
#userscont2inner {}
#users45container{padding:0; width:100%;float:left;} 
#users45container-inner {}
.user6 {}
.userahalf {float: left;overflow: hidden;width: 49.999%;}
.userbhalf {float: right;overflow: hidden;width: 48.5%; padding-left: 1.0%; /*background: url(../images/modsplit.png) no-repeat 0 50%;*/}
#users45container .userbhalf {margin-top:0px;}
.userathird {float: left; overflow: hidden; width: 33%;padding-left: .4%;}
.userbthird {padding-left: .4%; padding-right: .4%;float: left;overflow: hidden;width: 32.5%; /*background: url(../images/modsplit.png) no-repeat 0 50%;*/}

.userafourth {float: left;overflow: hidden;width: 25%;}
.userbfourth {padding-left: .4%; padding-right: .4%;float: left;overflow: hidden;width: 24%; /*background: url(../images/modsplit.png) no-repeat 0 50%;*/}
.usersbinner3{width:100%;}

#bottomusers-area {width:100%;float:left; margin-top: 20px; padding-bottom:30px;}


#fp_logo-module_frame {}
#fp_logo-module { margin:0; padding:0; background:none;float:left;width: 100%; margin:0;overflow:hidden;height:280px;background: url(../images/fp_logo.png) no-repeat;}

#fp_logo-module .module {color:#fff;padding: 10px 60px;}

/*IMAGE FORMATTING*/
p img  {padding:5px;border: 0;text-align:center;border: 0px solid #BEB4C2; margin: 0px;}
.pjfrm p img   {background: url(../images/inputbg.png) ;padding:5px;border: 0;text-align:center;border: 1px solid #222; margin: 4px 8px;}

#bottom-all p img {margin:0px;border: 2px solid #006600; }
.img_caption{padding:5px; text-align:center;margin-left: 20px;}
.img_caption img{margin:8px -8px 0 -8px;border: 1px solid #ccc;}

.button1{
padding:5px;
background-color:#6e58c7;

}
.tool-tip {
	color: #fff;
	width: 200px;
	z-index: 13000;
}

.tool-title {
	font-weight: bold;
	font-size: 14px;
	margin: 0;
	color: #fff;
	padding: 12px 15px 4px;
	background: url(../images/bubble.png) no-repeat top left;
	border-bottom:#222 solid 0px;
}
 
.tool-text {
	font-size: 12px;
	padding: 4px 15px 12px 15px;
	background: url(../images/bubble.png) no-repeat bottom left;
}




#headerwrapper {width:100%; float:left;}
#headerwrapper-inner {margin: 0 auto;}
#header {}
#menuwrapper { width:100%;position:relative;background: url(../images/topmenu-bg.png) repeat-x;height:70px;z-index:200;left:0;}
#menuwrapper-inner {margin: 0 auto;}
#bottomwrapper {position:fixed;bottom:0; width:100%;background: url(../images/footerarea-bg.png) repeat-x;z-index:200;padding-top:10px; text-align:center;}
#bottomwrapper-inner {margin: 0 auto;}

.map {
position: absolute;
    right: 20px;
    top: 30px;
    width: 450px;
}
#component-contact {
width:400px;
}

.butt { 
    position:relative; 
    margin:0 auto; 
    height: 200px;
    width:200px;
    display: inline-block;
	padding-left: 12px;
}

  .butt img { 
    left: 0; 
    position:absolute; 
    top: 0; 
}

  .butt img.raz {opacity:0;filter:alpha(opacity=0);}
  .butt:hover img.raz {opacity:1;filter:alpha(opacity=100);}
  .butt:hover img.dva, .butt img.dva:hover {opacity:0;filter:alpha(opacity=0);}