/*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;
line-height: 1.5em;
font-size:12px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#333;
background:#e7e7e7 url(../images/pagebg.png) 50% 0 repeat-x; 
} 

#pagebg-top {/*background: url(../images/pagebg-top.png) repeat-x;*/}
/*Layout CSS*/
/*font sizes*/
body.smallfonts {font-size:11px;}
body.mediumfonts {font-size:14px;}
body.largefonts{font-size:1.2em;}

#wrapper {margin: 0 auto;
}
#wrapper-bot {margin: 0 auto;
}
#bottom-all {width: 100%; background: #5B81C7 url(../images/bottomarea-bg.png) repeat-x;}
#inner-wrapper {padding:0;  
}

#inner-wrapper-bot {padding:0; padding-top:20px;width:100%;
}

#inner-top { 
}
#inner{
}
#inner-container {
}
#inner-bottom { height:100%;padding:20px 7px 35px 7px; background: url(../images/sunburst.png) no-repeat 50%  5px; 
}
/*#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:130px;

}

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

}

.outer-mod{ width:100%;
}

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


/*Left & Right Columns*/

#leftcolumn{
/*don't change below*/
float: left;
}
#left-mod{
width:100%;
padding-left:10px;
margin-top:-10px;
}

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

}
#contentframe {width:100%; float:left;}
#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:0px 15px; 
}

#logo_frame {position:relative;height:0px;top:0px;left:0px;z-index:0;}
#logo {background: url('http://www.automaticsolutions.co/images/logo_sas.png') no-repeat;height:116px;width:400px;background: url('http://www.automaticsolutions.co/images/logo_sas.png') no-repeat;}
#logo a {
display: block; 
width: 350px; 
height: 116px; 
}

#logo a span  {
display: none;
}

#footerwrapper { background:#515151 url(../images/footerbg.png) repeat-x;}
#footer {color: #fff; font-size:12px;margin: 0 auto;}
#footer-inner { padding: 15px;}

#header_frame {padding-bottom:20px;}

#banner_frame-outer{position:relative;height:0px;width:100%;;
}
#banner_frame {position:absolute;right:250px;height: 116px;}
#searchmod_frame{position:absolute;height:50px;top:35px;right:0;background: url(../images/searchareabg.png) no-repeat 0 100%; width:219px;padding-left:20px;
}
.search .inputbox  {color:#fff;width:155px;border:none;background:none;margin-top:9px;padding-left:20px; font-size: 1.6em;
}

#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:#0098BF;text-decoration:none;font-weight:bold;outline:none;border-bottom:none;}
a:hover{color:#38A5CB;text-decoration:none;border-bottom:0px dotted;}
#bottom-all a:link, #bottom-all a:visited {color:#0098BF;}
span.Tips2, a.linker:link,a.linker:visited {padding-left:20px;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 {font-size:1.5em; color:#000;}
h2 {color:#007593;font-size:1.3em}
h3 {color:#000;font-size:1.2em;font-weight:normal; line-height:1.8em;}
h4 {color:#7C9EDF;font-size:1.2em}
h5 {color:#555;font-style:italic;font-size:1.2em}
h6 {color:#990000;font-size:1.1em}
.contentheading {color: #333;font-size:1.8em;line-height:1.5em;font-weight:bold;}
.componentheading {color:#000;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:#555;background:#fff url(../images/accents/attn.png) no-repeat 3px 50%;line-height:25px;border-top: 5px solid #9D0000;border-bottom: 5px solid #9D0000;}
.info {padding-left: 30px;color:#555;background:#fff url(../images/accents/info.png) no-repeat 3px 50%;line-height:25px;border-top: 5px solid #7CA3AF;border-bottom: 5px solid #7CA3AF;}
.tip {padding-left: 30px;color: #555;background:#fff url(../images/accents/tip.png) no-repeat 3px 50%;line-height:25px;border-top: 5px solid #A3B45E;border-bottom: 5px solid #A3B45E;}
.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-color:#eee;color:#333;}

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

/*imput box, buttons*/
.button{font-size: 1em;background: #eee;border: #dcdcdc 2px solid;color:#333;
padding:4px;font-size:1em;margin: 3px 0;
}
.readon {float:right;text-indent:-5000px;background: url(../images/readon1.png) no-repeat;height:45px;width:80px;}
.readon:hover {background: url(../images/readon1.png) no-repeat left bottom;}

.inputbox, textarea {color:#333;border: #dcdcdc 2px solid;background:#eee;font-size:1em;margin-right: 5px;padding:4px;margin:3px 0;}
fieldset{border:0;}


/*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;position:relative;} 
#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 left top;}
#users45container .userbhalf {margin-top:0px;}
.userathird {float: left; overflow: hidden; width: 33%;}
.userbthird {padding-left: .4%; padding-right: .4%;float: left;overflow: hidden;width: 32%; background: url(../images/modsplit.png) no-repeat left top;}

.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 left top;}
.usersbinner3{width:100%;}

#bottomusers-area {width:100%;float:left;background:#fff url(../images/bottom1bg.png) repeat-x top left; padding-top:10px;}
#bottomusers {padding: 0 12px;
}

#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   {background:#fff;padding:5px;border: 0;text-align:center;border: 2px solid #999; margin: 4px 8px;}
#bottom-all p img {margin:0px;border: 2px solid #5B81C7; }
.img_caption{padding:5px; text-align:center;}
.img_caption img{margin:8px -8px 0 -8px;border: 1px solid #ccc;}

.tool-tip {
	color: #fff;
	width: 300px;
	z-index: 130000;
}

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



/* Modules */


.module {color:#222;margin:10px 0 10px 0; }
.module h3 {color:#333;font-size: 1.3em;line-height: 1.0em; text-align:left;font-weight:normal;margin-bottom: 12px;}
.module div {}
.module div div{ }
.module div div div{padding:5px 15px 15px 15px;}
.module div div div div{background:none;margin:0;padding:0;}

#bottom-all .module h3 {color:#fff;font-size: 1.3em;line-height: 1.0em; text-align:left;font-weight:normal;margin-bottom: 20px;}
#bottom-all .module {font-size: 1em; color:#fff;}

#bottomusers .module {color:#000; margin:10px 0; padding: 10px;}