/* CSS Document
 * Copyright Correlation, Inc. 2009 all rights reserved
 * Correlation, Inc. is a corporation in the State of New York, USA
 */

* {margin: 0px;padding;0px}
body{
	background-color:rgb(255,255,255); 
	font-size: 14px; padding: 20px 40px; 
	font-family:Arial, Helvetica, sans-serif; 
	color:#000000; text-decoration:none
	}
a{text-decoration:none; color:rgb(54,0,191); underline; border-width: 0px 0px 1px 0px;}
a:hover { border-style:dotted; border-color:rgb(0,0,0) }

div#cont{margin: 0px auto;width: 900px; border: none}
div#cont-inner {padding: 0px 0px;}
div#main {}
div#root-nav {padding: 6px 0px;}
div#root-nav a {
       color:rgb(54,0,191);
       display:block; float:left; font-weight:bold; font-size: 11pt;
       border-width: 1px 1px 0px 1px; border-color: rgb(255,255,255) ;border-style:solid;
       padding: 4px 10px; position: relative; top: 0px;
}
div#root-nav a.active {border-width: 1px 1px 0px 1px; border-color: rgb(54,0,191);border-style:solid;
   dislay:block; float:left; padding: 4px 10px;
   position: relative; top: 1px;background:rgb(255,255,255);
}
div#side-nav { width: 200px;display:block;float:right; 
	margin: 0px 0px 0px 0px; border:none;
        position:relative; top: -1px; background: rgb(255,255,255);
	}
div#side-nav a{font-weight:bold; display:block; position:relative; left: 0; background: rgb(255,255,255);
       padding: 4px 10px;
}
div#side-nav a:hover {color: rgb(200,200,200);border:none;}
div#side-nav a.active{color: rgb(30,30,30);border:none; left: -1px; border-width: 1px 1px 1px 0px;border-color: rgb(54,0,191);
      border-style: solid;}
div#side-nav-inner {/*padding: 0px 10px 10px 10px;*/}
div#side-nav-inner .title-gen-menu {display:none;}
div#content {display:block; float:left; width:685px;padding: 10px 0px;border: none;margin: 0px ; padding: 14px 14px 0px 0px;
       border-width: 0px 1px 0px 0px; border-color: rgb(54,0,191); border-style: solid;
}
div#bottom-prev {
   width: 360px;display:block;clear:both;
}
div#side-prev {width: 138px;display:block;float:right;border: 1px rgb(0,0,0) solid; padding: 20px;}
div#footer-legal {clear:both;font-size: 10px;text-align:center; margin: 20px 0px;}
div#page-HTML {padding: 0px 0px 20px 0px }
div.content-win-cont { margin: 10px 0px;}
div#header {border-width: 0px 0px 1px 0px;border-style:solid; border-color: rgb(54,0,191);width:700px;}
div#header a {margin: 0px 20px 0px 0px;}
div#liniage-nav {margin: 0px 0px 20px 0px;}
a.liniage-nav {font-size: 12px;color: rgb(100,100,100);border:none;}

a.title-gen-menu {font-size: 16px;font-weight:bold;display:none;margin: 6px 0px;}
a.gen-menu {display:block;margin: 6px 0px;}
a.back-gen-menu {font-size: 10px;}
div#gen-menu-cont {margin: 20px 0px 20px 0px;}
a.active {color: rgb(0,0,0)}
a.gen-menu .active {background:#AAAAAA;}

div#logo{float:left;margin: 4px 0px; display:none;}

/*purple #330055 */
/* green #004009*/
p{margin: 2px 2px 12px 2px}
a.section {font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none;}
a.section:hover{text-decoration:none;}
table.inln{display:inline;}
table.main{table-layout:auto; width:100%; border-collapse:collapse; /*margin-left:auto; margin-right:auto; position:relative;*/}

table.main td.left{width:200px; color:#<?php echo $color_code;?>;vertical-align:top; text-align:left;}

table.main td.main{vertical-align:middle;}
table.firstContent{ margin-left:auto; margin-right:auto; border-collapse:collapse; width: 600px; position:relative;}
table.firstContent td{border-style:solid; border:none;}

a.menu{display:block; width:200px; padding:2px 0px 2px 12px; border-width: 2px 0px 2px 2px ; border-style:solid; border-color:#<?php echo $color_code;?>; background-color:#<?php echo $color_code;?>;
font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; color:#<?=  $mnu_color ?>;font-size: 14px;line-height:20px;margin: 0px;
}

a.menu:hover {color:#FFFFFF; background-color:#AAAAAA;}

a.menu_active{display:block; width:200px; padding:2px 0px 2px 12px; border-width: 0px 0px 0px 0px ; border-style:solid; border-color:#<?php echo $color_code;?>;
font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; background-color:#AAAAAA; color:#FFFFFF; 
font-size: 14px;line-height:20px;margin: 0px;
}

a.subMnu{display:block; width:172px;padding:2px 2px 2px 10px; margin:0px 0px 0px 28px;border-width: 2px 2px 0px 0px ; border-style:solid solid none none; border-color:#<?php echo $color_code;?>;
font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; color: #000000; background-color:#AAAAAA; text-align: left;
font-size: 12px; line-height:20px;
}

a.subMnu:hover {text-align:center; color: #000000;
}

div.connector{margin: 0px 0px 0px 28px;width:172px; border-width: 0px 0px 0px 2px; height:5px;border-style:solid; border-color:#<?php echo $color_code;?>;}

a.subMnu_active{font-weight:bold;font-size: 12px;line-height:20px;margin: 10px 4px 4px 4px;
font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; color: #FFFFFF; background-color:#AAAAAA; 
}

div.subMnu_active{display:block; width:182px; padding:2px 0px 2px 2px; margin:0px 0px 0px 28px;border-width: 2px 0px 0px 2px ; border-style:solid; border-color:#<?php echo $color_code;?>;
text-align: center;}

ul.sub2{margin: 0px 0px 10px 10px;line-height: 14px; font-size:12px; text-align:left}

li.sub2{list-style-type:none; padding:4px 12px 4px 6px; border-width: 1px;border-style:solid; border-color:#AAAAAA #AAAAAA #AAAAAA #AAAAAA;}
li.sub2:hover{}

a.sub2{color: #000000; font-family:Arial, Helvetica, sans-serif; text-decoration:none; margin-left:auto; position:relative;}
a.sub2:hover {color:#333333; text-decoration:underline}

li.sub2_active{list-style-type:none;padding: 4px 12px 4px 6px; border-width: 1px ; border-style:solid; border-color:#<?php echo $color_code;?> #AAAAAA #<?php echo $color_code;?> #<?php echo $color_code;?>; }

a.sub2_active{color: #FFFFFF; font-family:Arial, Helvetica, sans-serif; text-decoration:none;}

table.sub2{margin-left:auto; text-align:left; border-width:0px; border-collapse:collapse}

div.section{background-color: #AAAAAA}

div.back{position:fixed; bottom:10px; left:10px;}

div.spacerMain{display:block; height:8px; background-color:#<?php echo $color_code;?>; width:200px;margin: 0px;padding:0px 0px 0px 12px;border-width: 0px 0px 0px 2px; ;border-style:solid; border-color:#<?php echo $color_code;?>;}
div.spacerTop{display:block; height:8px; background-color:#AAAAAA;width:200px;margin: 0px;}
div.cr{width: 100%; text-align:center;position:relative;margin-left:auto; /*margin-right:auto;*/ color:#AAAAAA;
 font-family:"Times New Roman", Times, serif; font-size:10px;margin-top:50px; margin-bottom:50px; padding: 50px 0px;}

div.formatting{min-height:120px;text-align:left; padding:10px; border-style: solid;border-width: 2px 2px 2px 2px; border-color:#<?php echo $color_code;?>;}
div.formatting span{text-align:left;float:none}
div.formatting a{text-align:left; float:none}
.image_left{
margin-bottom: 10px;
margin-right: 10px;
margin-top: 10px;

}
.image_left:hover{}
.image_to_the_right{
margin-bottom: 10px;
;

}
.image_to_the_right:hover{}
.subTitle{
font-size: 15px;
color: #000000;
font-family: Arial, Helvetica, sans-serif;;

}
.subTitle:hover{}
.links{
color: #FFFFFF;
text-decoration:none;
text-decoration:underline;

}
.links:hover{}
.headline{
text-align:left;
font-family: Arial, Helvetica, sans-serif;;
font-size: 15px;
font-weight:bold;
color: #000000;

}
.headline:hover {}
div.color_notice{margin-top:25px;font-weight:bold; color:#FFFFFF}
div.color_notice span{color:#<?php echo $color_code;?> ;font-weight:bold; }

div.nav_left{min-height:300px;}

/*  styles for the color picker */
div.formatting input {background-color:#AAAAAA; color:#FFFFFF; border-style:solid; border-width: 0px 0px 1px 0px; border-color:#AAAAAA #AAAAAA #CCCCCC #AAAAAA; padding:5px 5px;}
div.formatting button {border:none; color:#FFFFFF; background-color:#AAAAAA; padding:2px; }
div.formatting button span{font-family:Arial, Helvetica, sans-serif; font-size: 16px; font-weight:bold;}
div.formatting button span:hover {text-decoration:underline}
div.formatting a {color:#FFFFFF; text-decoration:none}
div.formatting a:hover {color:#FFFFFF; text-decoration:underline}
div.formatting div#skip{ position:absolute; top: 25px; left: 25px;}
div.formatting div#skip a{font-size:14px; font-weight:normal; color:#AAAAAA;}
div.formatting table#collor_sels{border:none; border-collapse:collapse;margin-bottom:50px;}
div.formatting div#main{padding:25px;}
div.formatting table#collor_sels td{width: 75px; font-size:12px;}
div.formatting p.hassle {color:#FFFFFF}



.win-img {float:left;margin: 0px 8px 8px 0px;border:none;}

#content-windows,#bottom-windows { border-width: 1px 0px 0px 0px; border-style:solid; border-color:rgb(54,0,191);}

pre.code-javascript {background-color: rgb(200,200,200);color: rgb(0,0,0);border: 1px solid rgb(200,200,200);padding: 10px 4px; margin: 10px 0px;}