/* CSS Document */

body{
font-family:Helvetica;
font-size:0.8em;
background:url("../images/bg.jpg") top center repeat-x #4d4d4d;
}

#container {
width:960px;
overflow:hidden;
display:block;
margin:0 auto;
}

#header {
display:block;
height:100px;
overflow:hidden;
}

#MainPanel {
display:block;
overflow:hidden;
}

#login{
padding-top:100px;
margin:auto;
width: 335px;
}

.clear{
clear:both;

}

a {
    text-decoration: none;
}
/* header */

.logo {
margin: 16px 0 0 4px;
width: 400px;
float: left;
}

.hOptions {
float:right;
width:65px;
overflow:hidden;
display:block;
margin:15px 0;
}

.hOptions a {
font-size:0.8em;
text-decoration:none;
color:#999999;
font-size: 0.85em;
}


/* navigation */

#Navigation {
display:block;
overflow:hidden;
clear:both;
}

.naviWrap {
background:url("../images/panelheader.png") 0 0 repeat-x;
display:block;
overflow:hidden;
clear:both;
}

#clientName {
color:#FFCC99;
margin:13px 0 13px 13px;
width:220px;
font-size:1.2em;
float:left;
}

#mainNavi{
float:right;
display:block;
overflow:hidden;
width:705px;
margin: 0 20px 0 0;
}

#mainNavi li{
float:right;
display:block;
height: 37px;
margin: 4px 0 0 10px;
}

#mainNavi li a{
background:url("../images/btn-mainnavi.png") 0 0 repeat-x;
padding: 8px 20px 6px;
display:block;
margin-top:10px;
text-decoration:none;
color:#3e3e3e;
font-weight:bold;
border-top-left-radius:12px;
border-top-right-radius:12px;
-moz-border-radius-topleft:12px;
-moz-border-radius-topright:12px;
-webkit-border-top-left-radius:12px;
-webkit-border-top-right-radius:12px;
-moz-box-shadow: 0 3px 3px #000000;
-webkit-box-shadow: 0 3px 3px #000000;
box-shadow: 0 3px 3px #000000;

}

#mainNavi li a:hover{
background:url("../images/btn-mainnavi.png") 0 -30px repeat-x;
color:#371a00;
}

#mainNavi li a.selected{
background:url("../images/btn-mainnavi.png") 0 -30px repeat-x;
color:#371a00;
margin-top:2px;
padding: 16px 20px 6px;
}

#subNavi{
display:block;
overflow:hidden;
clear:both;
background:#8c6c48;
}

#subNavi ul{
margin-left:20px;
}

#subNavi ul li{
float:left;
margin:5px;
display:block;
}

#subNavi ul li a{
padding:9px 15px;
color:#fff;
text-decoration:none;
font-weight:bold;
display:block;
overflow:hidden;
font-size:0.85em;
letter-spacing: 0.05em;
}

#subNavi ul li a:hover{
color:#ffdf92;
}

#subNavi ul li a.selected{
background:#6d5233;
color:#ffdf92;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}

/* buttons */

.buttonPanel li {
text-align:center;
}

.buttonPanel li input{
background:url("../images/btn-others.png") 0 0 repeat-x;
height:35px;
display:block;
border:1px solid #d1d1d1;
margin:10px 0 5px;
border-radius:12px;
-moz-border-radius:12px;
-webkit-border-radius:12px;
text-decoration:none;
color:#3e3e3e;
font-size:1.1em;
font-weight:bold;
letter-spacing: 0.05em;
width:100%;
cursor:pointer;
}

.buttonPanel li input:hover{
background:url("../images/btn-others.png") 0 -34px repeat-x;
color:#000000;
}

.loginBtn {
background:url(../images/btn-grey.png) 0 0 repeat-x;
cursor:pointer;	
display:block;
-moz-border-radius:12px;
-webkit-border-radius:12px;
padding:15px;
font-size:1.3em;
font-weight:bold;
letter-spacing: 0.05em;
width:217px;
text-align:center;
margin:20px 0;

}

.loginBtn:hover{
background:url(../images/btn-grey.png) 0 -65px repeat-x;
color:#000000;
}


/* forms */

.message{
	padding: 3px 0 4px 22px;
	margin: 10px auto;
	background:url("../images/icon-note.png") 0 0 no-repeat;
}

input{
	margin:8px 0px 8px 0px;
	border: 1px solid #c0c0c0;
}

.dropdown{
	margin:8px 0px 8px 0px;
	border: 1px solid #c0c0c0;
	width: 205px;
}

.dropdownCountry{
	margin:8px 0px 8px 0px;
	border: 1px solid #c0c0c0;
	width: 440px;
}



.entryForm span
{
	display:block;
	width: 250px;
	font-weight:bold;
}

.additionaldescription
{
	width: 400px !important;
	font-style:italic;
	font-weight:normal !important;
}

.loginField {
padding:5px;
font-size:15px;
}

.fieldTitle {
font-size: 1.2em;
width:90px;
display: block;
}

.formField{
margin:0 0 30px 0;
overflow: hidden;
}

.form2Fields {
width:240px;
float:left;
}

#formFieldNotMsg{
	margin:30px 10px 20px 10px;
	float:left;
	width:270px;
}

#formFieldNotMsg textarea{
	margin:8px 0px 8px 0px;
	border: 1px solid #c0c0c0;
}

#formFieldNotDate{
	margin:30px 10px 20px 10px;
	float:left;
	width:150px;
}

#changemaplocation input{
background:url("../images/btn-others.png") 0 0 repeat-x;
border:1px solid #d1d1d1;
margin:10px 0;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
text-decoration:none;
color:#3e3e3e;
font-size:0.9em;
padding: 7px 8px;
letter-spacing: 0.05em;
cursor:pointer;
}

#changemaplocation input:hover{
background:url("../images/btn-others.png") 0 -34px repeat-x;
color:#000000;
}

/* h1 */
h1 {
font-size:1.5em;
padding:16px 0;
}

h2 {
background:url("../images/bg-subsubtitle.jpg") 0 0 repeat-y;
font-size:0.9em;
color:#fff;
padding:5px 0 8px 15px;
}

h3 {
background:url("../images/bg-subsubsubtitle.jpg") 0 0 repeat-y;
font-size:0.9em;
color:#fff;
padding:5px 0 8px 15px;
margin-right: 50px;
}

h3.statisticH3 {
margin-right:0;
}

h4 {
font-weight:bold;
font-size:1.1em;
}

/* content */

.content {
width:880px;
padding:0 40px 30px 40px;
background:#fff;
display:block;
overflow:hidden;
clear:both;
min-height:550px;
position:relative;
}

.contentWrap {
display:block;
overflow:hidden;
clear:both;
}

.directory  {
display:block;
overflow:hidden;
clear:both;
margin:10px 0;
}

.directory  li{
float:left;
margin:0 5px 0 0;
display:block;
padding: 2px 0;
}

.addEntry {
background:url("../images/btn-add.png") 0 0 no-repeat;
height:48px;
display:block;
border:1px solid #d1d1d1;
float:right;
margin:-50px 0 5px;
}

.addEntry:hover {
background:url("../images/btn-add.png") 0 -49px no-repeat;
}

.addEntry a{
color:#3e3e3e;
font-size:1.1em;
text-decoration:none;
padding: 17px 25px 17px 56px;
display:block;
font-weight:bold;
letter-spacing: 0.05em;
}

.addEntry a:hover{
color:#b36227;
}

.entryForm{
	margin:30px 0px 0px 20px;
	float:left;
	display:block;
	width: 495px;
}


.entryFormRight{
	margin:30px 0px 0px 20px;
	float:right;
	display:block;
	width:345px;
}

.buttonPanel{
border: 1px solid #c0c0c0;
padding: 20px 45px;
}

.previewPanel{
margin-top: 30px;
border: 1px solid #c0c0c0;
padding:20px;
text-align: center;
}

.previewPanel #previewimg{
margin-top:5px;
}

#aboutusLeft .previewPanel{
margin-top:0;
}

#categoryLeft .previewPanel{
margin-right:50px;
}


.previewTitle {
text-align:center;
clear:both;
display:block;
margin:5px;
font-size: 1.1em;
font-weight: bold;
}

/* Dashboard */

.appStatus {
    margin: 20px 0 30px 15px;
}

.appStatus li {
    margin: 7px 0;
}

.statusTitle {
    font-size: 1.7em;
    letter-spacing: 1px;
    text-align: center;
}

.statusDescription {
    font-size: 1.3em;
    letter-spacing: 1px;
    text-align: center;
}


.btnSetup:hover {
    background: url("../images/btn-grey.png") repeat-x scroll 0 -65px transparent;
}

.btnSetup:link, .btnSetup:visited, .btnSetup {
    background: url("../images/btn-grey.png") repeat-x scroll 0 0 transparent;
    border: 1px solid #999999;
    color: #000000;
    display: block;
    font-size: 1.5em;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 15px auto 40px;
    padding: 22px 35px;
    width: 165px;
}

.timeline {
    background: url("../images/tlbg.png") no-repeat scroll 0 0 transparent;
    height: 68px;
    margin: 10px auto 20px;
    width: 815px;
}

.timeline ul {
    margin-bottom: 0;
    padding-top: 30px;
    position: relative;
}

#timelineC {
    background: url("../images/nodeY.png") no-repeat scroll 50% 0 transparent;
    float: left;
    height: 16px;
    width: 101px;
}

#timeline1, #timeline2, #timeline3, #timeline4, #timeline5, #timeline6, #timeline7, #timeline8 {
    background: url("../images/node.png") no-repeat scroll 50% 0 transparent;
    float: left;
    height: 16px;
    width: 101px;
}

#timeline1 span, #timeline2 span, #timeline3 span, #timeline4 span, #timeline5 span, #timeline6 span, #timeline7 span, #timeline8 span, #timelineC span {
    display: block;
    float: left;
    font-size: 11px;
    margin-top: 8px;
    padding-top: 15px;
    position: relative;
    text-align: center;
    width: 101px;
    z-index: 2;
}

/* statistic */
.selectDate {
float:left;
width:300px;
margin:20px 0 10px 20px;
}

.totalDownloads {
float:right;
width:300px;
margin:20px 25px 10px 0;
font-size:1.3em;
font-weight:bold;
text-align: right;
padding:10px 0;
color:#6D5233;
}

.totalnotification{


font-weight:bold;
padding:10px 0;

}

#chart2 {
margin-bottom:30px;
}

#downLoadView .entryDate{
width:400px;
}

#downLoadView .entryDownload{
width:200px
}

#viewing {
font-size: 1.2em;
font-weight: bold;
margin: 10px 0 0 35px;
}

.productTitle{
font-size: 1.5em;
font-weight: bold;
margin: 10px 0 0 35px;
text-align:center;
}


#productView .entryTitle {
width:600px;
}

/* table cell */
#liveEntry th, #allEntry th, #categoryEntry th,#shellEntry th,#enquiryEntry th ,#notificationEntry th, #productLiveEntry th, #productEntry th, #contactEntry th, #downLoadView th, #productView th{
font-size:0.85em;
padding:10px 0;
text-align: left;
border-bottom:1px solid #d5c9bc;
}

#liveEntry td, #allEntry td, #categoryEntry td,#shellEntry td ,#enquiryEntry td,#notificationEntry td , #productLiveEntry td, #productEntry td, #contactEntry td, #downLoadView td, #productView td{
padding:14px 5px 14px 0;
text-align: left;
vertical-align: top;
border-bottom: 1px solid #D5C9BC;
}

#liveEntry td a, #allEntry td a, #categoryEntry td a, #shellEntry td a,#enquiryEntry td a,#notificationEntry td a, #productLiveEntry td a, #productEntry td a, #contactEntry td a{
color:#6D5233;
text-decoration:none;
}

#liveEntry td a:hover, #allEntry td a:hover, #categoryEntry td a:hover,#shellEntry td a:hover,#enquiryEntry td a:hover,#notificationEntry td a:hover, #productLiveEntry td a:hover, #productEntry td a:hover, #contactEntry td a:hover{
color:#3b2913;
text-decoration:underline;
}

/*  promotions and general */

.entryID {
width:50px;
}

.entryImage {
width:80px;
}


.entryStartDate{
width:100px;
}

.entryEndDate{
width:100px;
}

.entryNotice {
width:120px;
}

.entryActive{
width:80px;
}

.entrySetting{
width:80px;
}

/* shell */

#shellEntry .entryTitle {
width: 200px;
}

#shellEntry .entryURL {
width: 450px;
}

#shellEntry .entryImage {
width: 100px;
}

/* enquiry */
#enquiryEntry .entryType {
width: 100px;
}

#enquiryEntry .entryFrom {
width: 200px;
}

#enquiryEntry .entryReceiveDate{
width: 200px;
}

#enquiryEntry .entryReplyDate{
width: 200px;
}

#enquiryEntry .entryStatus{
width: 100px;
}

/* notification */

#notificationEntry .entryNotDate{
width: 100px;
}

#notificationEntry .entryNotMsg{
width: 550px;
}

#notificationEntry .entryNotDevice{
width: 100px;
}

#notificationEntry .entryNotTime{
width: 100px;
}

#notificationEntry .entryNotTitle{
width: 150px;
}

#notificationEntry .entryNotSetting
{
	width: 100px;
}
/* categories */

#categoryEntry .entryTitle {
width: 650px;
}

#categoryEntry .entryImage {
width: 100px;
}

/* product list */
#productLiveEntry .entryTitle, #productEntry .entryTitle{
width:360px;
}

#productLiveEntry .entryImage, #productEntry .entryImage {
width:80px;
}

#productLiveEntry .entryCategory, #productEntry .entryCategory{
width: 150px;
}

#productLiveEntry .entryPrice, #productEntry .entryPrice{
width:80px;
}

#productLiveEntry .entryStatus, #productEntry .entryStatus {
width:80px;
}

/* contact list */

#contactEntry .entryTitle {
width:220px;
}

#contactEntry .entryImage {
width:80px;
}

#contactEntry .entryAddress {
width:200px;
}

#contactEntry .entryPhone {
width:100px;
}

#contactEntry .entryEmail {
width:150px;
}

.endTable {
background:url("../images/bg-subsubtitle.jpg") 0 0 repeat-y;
height:5px;
margin:5px 0 30px 0;
}

/* FAQ */
.faq li {
margin:20px 15px;
}

.faq  .faqList {
list-style: square outside none;
margin-bottom:20px;
}

.faqSubList   li.question{
list-style: decimal outside none;
margin-left: 20px;
font-weight:bold;
color:#594932;
}

.faqSubList   li.question .answer{
margin-top:4px;
color:#71634e;
font-weight: normal;
}

.faqImage img{
margin:10px 0;
border:2px solid #a89984;

}

/* class for box */
.corner {
border-radius:12px;
-moz-border-radius:12px;
-webkit-border-radius:12px;
}

.topcorner {
border-top-left-radius:12px;
border-top-right-radius:12px;
-moz-border-radius-topleft:12px;
-moz-border-radius-topright:12px;
-webkit-border-top-left-radius:12px;
-webkit-border-top-right-radius:12px;
}

.bottomcorner {
border-bottom-left-radius:12px;
border-bottom-right-radius:12px;
-moz-border-radius-bottomleft:12px;
-moz-border-radius-bottomright:12px;
-webkit-border-bottom-left-radius:12px;
-webkit-border-bottom-right-radius:12px;
}

.shadow {
-moz-box-shadow: 0 0 5px -1px #888888;
-webkit-box-shadow: 0 0 5px -1px #888888;
box-shadow: 0 0 5px -1px #888888;
}


/* footer */

#footer {

}

#footer p {
text-align:center;
color:#FFFFFF;
margin:30px 0 15px;
padding:5px 0;
}

/*Inactive page*/
.pagenotactive
{
	background-color:black;
	z-index:99;
	margin:125px 0;
	width:880px;
	height:1045px;
	position:absolute;
	-moz-opacity:.80;
	filter:alpha(opacity=80);
	opacity:.80;
}

.pagenotactivebox
{
	position:relative;
	width:300px;
	height: 100px;
	font-size:16px;
	font-weight:bold;
	margin:auto;
	margin-top:100px;

	padding:20px;
	text-align:center;
	background-color:white;
	z-index:100;
}