@import url("table.style.css");
*{
margin:0;
padding:0;
}

body{
font-family:"frutiger linotype","lucida grande",helvetica,arial,sans-serif;
text-align:center;
color:#333;
font-size: 76%;
}

img { border:none; }

p { text-align:justify; }

.clear{ clear:both }

#container{
width:100%; /*center hack*/
margin:0 auto; /*center hack*/
text-align:left;
}

#wrap {
width:100%; /*center hack*/
margin:0 auto; /*center hack*/
text-align:left;
}

/* General Style Info */
a{
color:#0946D7;
text-decoration:none;
}
a:hover{
color:#0946D7;
text-decoration:underline;
}

a img{
border:none;
}

h1, h2, h3, h4{
font-weight:normal;
}

h1{
color: #003d4c;
margin:0.3em 0;
font-size: 180%;
}

h2{
color:#0066FF;
padding-top: 1em;
margin:0.3em 0;
font-size: 180%;
font-weight:bold;
}

.category-title { 
	color:#FFFFFF;
	font-weight:bold;
	vertical-align:middle;
	height:30px; 
	background:url(../img/left/catTitle.gif) repeat-y; 
	text-align:left; 
	padding: 0 10px 0;
	}
	
.category-parent {
	vertical-align:middle;
	 height:20px;
	 background:url(../img/left/mnuBG.png) repeat-y;
}
.category-parent a{ color:#003d4c; text-decoration:none; font-weight:bold; padding: 0 1em; }
.category-parent a:hover{ color:#003d4c; text-decoration:none; font-weight:bold;  padding: 0 1em;}

.category-child a{ padding: 0 .3em; font-size:10px; }
.category-child a:hover{ padding: 0 .3em; font-size:10px;}


#title h2{ 
color:#009933;
padding-top: 1em;
padding-bottom: 5px;
margin:0.3em 0;
font-size: 180%;
font-weight:bold; 
border-bottom:#666666 1px dotted;}
#title h2 em{ color:#009933; font: 18px normal Tahoma; }

#prd-dtl-left{ max-width:50%; overflow:hidden; float:left;}
#prd-dtl-left dl{ padding-bottom:1.5em; }
#prd-dtl-left h3 { display:inline; vertical-align:super; }
#prd-dtl-left h3 a { color:#0946D7; padding-right:2px; font-size:120%; font-weight:bold; display:inline;}
#prd-dtl-left h3 a:hover { text-decoration:underline; }
#prd-dtl-left h3 em{ color:#666666; font: 11px normal Tahoma;}
#prd-dtl-left em{ color:#999999; font: 10px normal Tahoma;}
#prd-dtl-left span{ display:block; padding-bottom:5px;}
#prd-dtl-left h4{ clear:both; color:#37A228; font: normal Tahoma; padding-top:2em; padding-bottom:.5em;}
#prd-dtl-left #description{ width:100%; min-height:250px; }
#prd-dtl-left .prdDtl{ color:#333333; font-size:12px; }
#prd-dtl-left .prdDtl p{ text-align:left;}
#prd-dtl-left .prdDtl p em{  color:#0946D7; font-weight:bold; font-size:12px;}
#prd-dtl-left .prdDtl p img{ float:right; margin:1em 1em 3em 1em; display:block;}
#prd-dtl-left .prdDtl .imageBlog{ border:#CCCCCC 1px solid; padding:2em; float:right;}
#prd-dtl-left .prdImage{ float:right; margin: 3em 3em 0 0; max-width:30%;}

#prd-dtl-right{ max-width:50%; overflow:hidden; float:right; }
.advertisment{ margin:2em 0;font-family:Verdana;font-size:9px;color:#999; }

.prd-download { text-align:center; margin:2em; }
.prd-download h1,.parag{ margin:3em;text-align:center; color:#4B4B4B; font:180% normal Tahoma; }
.prd-download h1 a,.parag a{ display:block; color:#0946D7; font-weight:bold; text-decoration:none; }
.prd-download h1 a:hover, .parag a:hover{ color:#0946D7; text-decoration:underline; }

h3{
color:#c6c65b;
padding-top:2em;
font-size: 140%;
}

h4{
color:#c6c65b;
padding-top:0.5em;
font-weight:normal;
}

em {
font-size: 12px;
}

ul, li {
margin: 0 12px;
}

/* Layout */
#module-menu {
	display: inline-block;
	width: 100%;
	direction: ltr;
}

#header{
text-align:left;
margin-top: 1em;
padding: 4px 20px;
}

#main-body {
float:left;
margin-left: 2em;
width:75%;
}
#main-body-Full{
	float:left;
	margin-left: 2em;
	margin-right: -3em;
	overflow:hidden;
	width:95%;
}
#full_content{
	clear:both;
	margin: 0 2em;
	overflow:hidden;
}
#sidebarR {
	float:right;
	width:25%;
	overflow:hidden;
	/*margin: 0 -3px 0 2em;*/
	margin-right: 3em;
	max-width:180px;
	
}

#borderR {
	float:right;
	background:url(../img/header/Layout_r6_c27.png) repeat-y 5px right;
}

#content{
/*clear:both;*/
	float:right;
	width:78%;
	overflow:hidden;
/*padding: 0px 40px 10px 40px;
background-color: #fff;
color: #333;*/
}

#content-2{
	float:right;
	width:83%;
	overflow:hidden;
	/*padding: 5px 0 0;*/
}
#sidebarL {
	float:left;
	width:21.5%;
	overflow:hidden;
	/*padding-left:0.3em;
	max-width:150px;*/
}
#sidebarL-2{
	float:left;
	width:17%;
	overflow:hidden;
	/*padding: 5px 0 0;*/
}
.inside {
padding:10px;
}

#footer{
clear:both;
padding: 4px 20px;
/*padding: 6px 10px;
text-align: right;*/
}


/* tables */

table {
/*width: 100%;*/
/*border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;*/
color:#333;
/*border: 1px solid #DDDDDD;*/
/*background-color: #fff;*/
clear:both;
padding: 0;
/*margin: 0 0 2em 0;*/
white-space: normal;
}
th {
background-color: #f3f3f3;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
text-align: center;
padding:1px 4px;
}
table tr td {
/*border-right: 1px solid #ddd;*/
/*padding:4px 4px;*/
vertical-align:top;
/*text-align: right;*/
}
table tr.altRow td {
background: #f4f4f4;
}
#cakeSqlLog td {
text-align: left;
padding: 4px 8px;
background: #fff;
border-bottom: 2px solid #ccc;
}

/* scaffold show */

div.related {
clear:both;
display:block;
}
 

dl {
line-height:2em;
margin:0em 1em;
float:left;
width: 500px;
}
dt {
color:#484848;
display:compact;
font-weight: bold;
vertical-align:top;
}
dd {
margin-left:10em;
margin-top:-2em;
vertical-align:top;
}
dd a{ color:#0033FF; }
dd a:hover{ color:#0033FF;text-decoration:underline;}

/* notices and errors */

#flashMessage, .error, .error_message {
color:#FF0000;
font-size: 10px;
background-color: #fff;
margin: 8px 0px;
font-weight: bold;
}
.error_message {
clear: both;
}
.error em {
font-size: 18px;
color: #003d4c;
}
.notice {
color: #656565;
font-size: 14px;
background-color: #f4f4f4;
padding: 0.5em;
margin: 1em 0;
display:block;
}
.tip {
color: #656565;
background-color: #ddd;
}

/* forms */

form {
margin-top: 2em;
}
form div{
vertical-align: text-top;
margin-left: 1em;
margin-bottom:2em;
overflow: auto;
}
form div.date{
margin-left: 0em;
}
label {
display: block;
width: 160px;
font-family:inherit;
font-size: 14px;

}
input[type=checkbox] {
float: left;
clear: left;
margin: 2px 6px 7px 2px;
}
input, textarea {
clear: both;
display:block;
font-size: 14px;
font-family: inherit;
}
select {
clear: both;
vertical-align: text-bottom;
font-size: 14px;
font-family: inherit;
}
option {
font-size: 14px;
font-family: inherit;
padding: 0 0.3em;
}
input[type=submit] {
display: inline;
vertical-align: bottom;
}
.required{
clear: both;
color:#222;
font-weight:bold;
}
.optional{
clear: both;
color:#555;
}
.submit {
clear: both;
margin-top: 40px;
margin-left: 140px;
}
/* action links */
ul.actions {
float: left;
margin-left:20px;
width: 200px;
}
ul.actions li {
margin-top: 4px;
}
pre {
padding: 1em;
}

/* For Ajax Editor Style */
.inplaceeditor-saving { background: url(/images/wait.gif) bottom right no-repeat; }

form.inplaceeditor-form { /* The form */
}

form.inplaceeditor-form input[type="text"] { /* Input box */
}

form.inplaceeditor-form textarea { /* Textarea, if multiple columns */
}

form.inplaceeditor-form input[type="submit"] { /* The submit button */
  margin-left:1em;
}

form.inplaceeditor-form a { /* The cancel link */
  margin-left:1em;
}


/*////////////////////////*/
/*////// Contents ////////*/
/*////////////////////////*/

#home-left-side{
	float:left;
	width:70%;
	overflow:hidden;
}

#home-right-side{
	float:right;
	width:30%;
	overflow:hidden;

}

#cat_content{ overflow:hidden; }

#cat_left_side{
	float:left;
	max-width:50%;
	overflow:hidden;
}
#cat_right_side{
	float:right;
	max-width:50%;
	overflow:hidden;
}
#cat_right_side .ad{ font-family:Verdana;font-size:9px;color:#999; width:98%; height:300px; overflow:hidden; }

.required-star{color:#FF0000; font-weight:bold;}
.field-description{color:#4E4A07; display:block; font-size:11px;}


#search{ margin: 2em 0 5em 0; font-family:Verdana, Arial, Helvetica, sans-serif;}
#search h2 {
	font-family:Arial;
	padding-top:0;
	color:#818181;
	font-weight:bold;
	font-size:25px;
}
#search em{color:#4B4B4B;font-size:26px;}
#search .description,p{
	color:#4B4B4B;
	font-size:12px;
	font-weight:normal;
	padding: 2px 0;
}

#category{ margin: 2em 0 5em 0; font-family:Verdana, Arial, Helvetica, sans-serif;}
#category .title, h2 {
	padding-top:0;
	color:#216217;
	font-weight:bold;
	font-size:25px;
}
#category .description,p{
	color:#4B4B4B;
	font-size:12px;
	font-weight:normal;
	padding: 2px 0;
}

.num {
float:left;
margin-left:5px;
margin-right:5px;
}
div.list-title-dl {
float:left;
margin:0pt;
padding:0pt;
width:205px;
}
div.info {
float:right;
margin:0pt;
padding:1px 0pt 0pt;
width:auto;
}
div.info span{ font-size:9px; display:block; text-align:center;}

div.list-unit-itxt {
clear:left;
color:#666666;
margin-left:2.3em;
}
.top-ten-items{ width:98%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin-bottom:8em;}
.top-ten-items h2{ color:#37A228; 
					margin-bottom:.5em; 
					font-family:Arial, Helvetica, sans-serif;
					border-bottom:#999999 1px solid;}
.top-ten-items em{ float:right; color:#4B4B4B;}
.top-ten-items p{ color:#818181; text-align:left; font-size:11px; }
.top-ten-items a{ color:#0A75E0; }
.top-ten-items li {
	margin: 0pt 0pt 2em -3pt;
	padding:0pt 0pt 9px 27px;
	position:relative;
}
.top-ten-items .hr{ border-bottom:dotted 1px #4B4B4B; margin-bottom:1em;}


#product-frame { width:98%; font-family:Arial, Helvetica, sans-serif;}
#product-frame .prdImage { float:left; margin:2px; max-width:150px; max-height:150px; text-align:center; vertical-align:middle;}
#product-frame .title { float:right; margin:2px; max-width:60%; padding-bottom:1em;}
#product-frame .title p { color:#993300; font-size:16px; font-weight:bold; padding-bottom:3em;}
#product-frame .title p em { color:#993300; font-size:12px; font-weight:normal; }
#product-frame .title span { padding-right:3em; }
#product-frame .summary { clear:both; margin:1em 1em 2em 1em;}
#product-frame .summary p { text-align:justify; }
.underLine{	
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	filter: Alpha(Opacity=100, FinishOpacity=10, Style=2, StartX=0, StartY=0, FinishX=100, FinishY=1);
}


.product-list {  width:98%; font-family:Arial, Helvetica, sans-serif; }
.product-list .title { clear:both; margin:5px 0; font-size:16px; font-weight:bold}
.product-list .title a{ color:#993300; text-decoration:none; }
.product-list .title a:hover{ color:#993300; text-decoration:underline; }
.product-list .prdImage { float:left; width:20%; height:100px; border:#CCCCCC 1px solid; padding:1em;}
.product-list .summary { float:right; margin: 0px 2px; width:70%; }
.product-list p,.summary p { text-align:left; }
.product-list a,.summary a { font-weight:bold; }

.link { color:#0946D7; text-decoration:none; font-size:13px; font-weight:bold; }
.link:hover{ color:#0946D7; text-decoration:underline; }

.dtl-other-title{ padding-top:5em; }
.dtl-other-title .download{ float:right; color:#999999; }
.dtl-other-title .title{ font-weight:bold; }
.dtl-other-title .title a{ color:#0946D7;text-decoration:none;}
.dtl-other-title .title a:hover{ color:#0946D7;text-decoration:underline;}
.dtl-other-title p{ font: normal 11px Arial; text-align:left; color:#999999;}

.dtl-other-dtl{ }
.dtl-other-dtl .download{ float:right; color:#999999; }
.dtl-other-dtl .title{ font-weight:bold; margin:2em 0;}
.dtl-other-dtl .title a{ color:#0946D7;text-decoration:none;}
.dtl-other-dtl .title a:hover{ color:#0946D7;text-decoration:underline;}
.dtl-other-dtl p{ font: normal 11px Arial; text-align:left; color:#999999;}

#search{ padding:5px; }
#search .title {
	color:#0066FF;
	font-weight:bold;
	font-size:20px;
}

#notfound{ padding:5em; }
#notfound .title {
	color:#0066FF;
	font-weight:bold;
	font-size:20px;
}
#notfound .options {
	margin:5em 0;
}
#notfound .options li {
	padding-top:1em;
}

.top-three-list{ width:99%; display:table-row; /*border:1px solid #CCCCCC;*/ }
.top-three-list .product { float:left; width:33%; }
.top-three-list .blog_img{ 
	height:150px; 
	width:150px; 
	border:1px solid #CCCCCC; 
	margin:10px; 
	padding:5px;
	text-align:center;	
	vertical-align:text-bottom;
	}
.top-three-list p{ text-align:left; position:relative;margin:0 .8em;}

.top-ten-list { margin-top:5em; }
.date-title { margin-left:13.5em; color:#818181; font-size:12px;}
.top-ten-list .date{float:right; color:#818181; font-size:12px;}
.top-ten-list .title{}
.top-ten-list em{ display:block;font:10px normal Arial;  }
.top-ten-list p, em{ text-align:left; color:#818181;}
.top-ten-list li {
margin: 0pt 0pt 2em -3pt;
padding:0pt 0pt 9px 27px;
position:relative;
}

.top-ten-list #li-1, .top-ten-items #li-1 {
background:transparent url(../img/numbers/list_number_1.gif) no-repeat scroll 0pt 1px;
}
.top-ten-list #li-2, .top-ten-items #li-2 {
background:transparent url(../img/numbers/list_number_2.gif) no-repeat scroll 0pt 1px;
}
.top-ten-list #li-3, .top-ten-items #li-3 {
background:transparent url(../img/numbers/list_number_3.gif) no-repeat scroll 0pt 1px;
}
.top-ten-list #li-4, .top-ten-items #li-4 {
background:transparent url(../img/numbers/list_number_4.gif) no-repeat scroll 0pt 1px;
}
.top-ten-list #li-5, .top-ten-items #li-5 {
background:transparent url(../img/numbers/list_number_5.gif) no-repeat scroll 0pt 1px;
}
.top-ten-list #li-6 {
background:transparent url(../img/numbers/list_number_6.gif) no-repeat scroll 0pt 1px;
}
.top-ten-list #li-7 {
background:transparent url(../img/numbers/list_number_7.gif) no-repeat scroll 0pt 1px;
}
.top-ten-list #li-8 {
background:transparent url(../img/numbers/list_number_8.gif) no-repeat scroll 0pt 1px;
}
.top-ten-list #li-9 {
background:transparent url(../img/numbers/list_number_9.gif) no-repeat scroll 0pt 1px;
}
.top-ten-list #li-10 {
background:transparent url(../img/numbers/list_number_10.gif) no-repeat scroll 0pt 1px;
}
.top-ten-list #li-11 {
background:transparent url(../img/numbers/list_number_11.gif) no-repeat scroll 0pt 1px;
}
.top-ten-list #li-12 {
background:transparent url(../img/numbers/list_number_12.gif) no-repeat scroll 0pt 1px;
}
.top-ten-list #li-13 {
background:transparent url(../img/numbers/list_number_13.gif) no-repeat scroll 0pt 1px;
}
.top-ten-list #li-14 {
background:transparent url(../img/numbers/list_number_14.gif) no-repeat scroll 0pt 1px;
}
.top-ten-list #li-15 {
background:transparent url(../img/numbers/list_number_15.gif) no-repeat scroll 0pt 1px;
}
.top-ten-list #li-16 {
background:transparent url(../img/numbers/list_number_16.gif) no-repeat scroll 0pt 1px;
}
.top-ten-list #li-17 {
background:transparent url(../img/numbers/list_number_17.gif) no-repeat scroll 0pt 1px;
}
.top-ten-list #li-18 {
background:transparent url(../img/numbers/list_number_18.gif) no-repeat scroll 0pt 1px;
}
.top-ten-list #li-19 {
background:transparent url(../img/numbers/list_number_19.gif) no-repeat scroll 0pt 1px;
}
.top-ten-list #li-20 {
background:transparent url(../img/numbers/list_number_20.gif) no-repeat scroll 0pt 1px;
}


/*************************/
/* Submit software */
/*************************/
#submit-software{ font-family:Arial, Helvetica;}
#submit-software .h2-4{ border-bottom:2px solid #fc0; display:block; color:#292929; font-weight:bold; margin-bottom:.5em;}
#submit-software h3, #submit-software .h3{
color:#000;
padding-top:2em;
font-size: 160%;
}
#submit-software .h3{ border-bottom:1px solid #fc0; display:block; margin: 0 0 5px;}
#submit-software .whol-form ol{ font-family:"Lucida Grande",Lucida,Verdana,sans-serif; margin-left: 2em;}
#submit-software .whol-form li{ padding: 5px;}
#submit-software p{ width:800px; padding-bottom:2em;}
#submit-software .agreement{ color:#000; font-family:"Lucida Grande",Lucida,Verdana,sans-serif; font-size:14px;}
#submit-software .whol-form{ margin:2em; }
#submit-software .form{ margin:0 2em; }
#submit-software .title{ 
	clear:both;
	padding:.5em;
	margin-bottom: .5em; 
	font-weight:bold; 
	background:#EAEAEA;
	border-top:#818181 1px solid; 
	border-bottom:#818181 1px solid;
}
#submit-software .left{ clear:both; float:left; width:50%; overflow:hidden;}
#submit-software span{ clear:both; }
#submit-software label, .block{ display:block; color:#000; font-weight:bold; font-size:13px; margin-top:1em;  }
#submit-software div .row{clear:both; margin:0;}
.ml, .ml span {font-family:ms sans serif,geneva,helvetica; font-size:smaller; vertical-align:middle;}
.terms{width:80%; padding:2em 5em;}

#submission-R{
	border:1px #292929 dashed;
	font-family:"Lucida Grande",Lucida,Verdana,sans-serif;
	font-size:14px;
	text-align:center;
	margin:1em 10em 3em;
	padding:2em;
}

#submission-R p{
	width:80%;
	margin:5em 0;
	font-size:14px;
	line-height:1.5em;
}


.company { padding:1em;}
.company em{ color:#818181; font-size:10px; font-family:"Lucida Grande",Lucida,Verdana,sans-serif; font-style:normal;}
.company dl{ border-top:1px #D8D8D8 solid; border-bottom:1px #D8D8D8 solid; width:50%;}
.company .title{ color:#4B4B4B; font-size:18px; font-family:"Lucida Grande",Lucida,Verdana,sans-serif;}
.company ul .actions {
float: left;
margin-left:20px;
width: 50%;
}
.company h2{ color:#37A228;}
.company .left{float:left; width:50%;}
.company .right{ float:right;width:40%;}

.related h3{ color:#216217; font-weight:bold;}