@charset "utf-8";
/* CSS Document */

body{background:url(../images/body-bg.jpg) repeat; padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#454545;}
a{text-decoration:underline; color:#878787;}
a:hover{text-decoration:none;}
#header{background:url(../images/header-bg.jpg) repeat; width:100%; float:left;}
.header-content{width:96%; margin:0 auto; font-size:30px; padding:20px 2%; font-weight:bold;}
.header-content img{vertical-align:middle;}
.logo{color:#a7a6a6; font-size:32px;text-shadow:0px 1px 1px #000; float:left;}
.product-name{float:right;color:#a7a6a6; font-size:24px;text-shadow:0px 1px 1px #000;}
.login-content{width:400px; margin:0px auto; clear:both; padding-top:70px;}
.form-box{-moz-box-shadow: 0 0 5px #333; -webkit-box-shadow: 0 0 5px #333; box-shadow: 0 0 5px #333; background:#f8f8f7 url(../images/form-bg.jpg) repeat-x;-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; clear:both; border:2px solid #eaeaea; padding:15px 20px;text-shadow:0px 1px 1px #fff}
.shaddow{background:url(../images/shaddow.png) no-repeat; width:450px; height:59px; margin:0 auto;}
/*.textbox{background:url(../images/textbox-bg.jpg) repeat-x #FFFFFF; width:230px; border:1px solid #b9b9b9; padding:4px 4px; }*/

.textbox{font-size:12px; color:#454545; border:1px solid #b9b9b9; padding:5px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-bottom:5px; width:150px;}
.textbox-title{font-size:12px; color:#454545; border:1px solid #b9b9b9; padding:5px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-bottom:5px; width:350px;}
.textbox-calendar{font-size:12px; color:#454545; border:1px solid #b9b9b9; padding:5px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-bottom:5px; width:80px;}
.textbox-small{font-size:12px; color:#454545; border:1px solid #b9b9b9; padding:5px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-bottom:5px; width:30px;}

.description-box{font-size:12px; color:#454545; border:1px solid #b9b9b9; padding:5px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-bottom:5px; width:150px;}

.short-description-box{font-size:12px; color:#454545; border:1px solid #b9b9b9; padding:5px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-bottom:5px; width:350px; height:150px;}

.selectbox{font-size:12px; color:#454545; border:1px solid #b9b9b9; padding:5px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-bottom:5px; width:150px;}

.button{background:url(../images/button-bg.jpg) repeat-x; padding:2px 8px; border:1px solid #1b1b1b; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color:#FFFFFF; text-shadow:0px 1px 1px #000; font-weight:bold; cursor:pointer;}


.save-button{background:url(../images/button-bg.jpg) repeat-x; padding:2px 8px; border:1px solid #1b1b1b; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color:#FFFFFF; text-shadow:0px 1px 1px #000; font-weight:bold; cursor:pointer;}

.add-button{background:url(../images/button-bg.jpg) repeat-x; padding:2px 8px; border:1px solid #1b1b1b; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color:#FFFFFF; text-shadow:0px 1px 1px #000; font-weight:bold; cursor:pointer;}

.edit-button{background:url(../images/button-bg.jpg) repeat-x; padding:2px 8px; border:1px solid #1b1b1b; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color:#FFFFFF; text-shadow:0px 1px 1px #000; font-weight:bold; cursor:pointer;}

.reset-button{background:url(../images/button-bg.jpg) repeat-x; padding:2px 8px; border:1px solid #1b1b1b; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color:#FFFFFF; text-shadow:0px 1px 1px #000; font-weight:bold; cursor:pointer;}

.back-button{background:url(../images/button-bg.jpg) repeat-x; padding:2px 8px; border:1px solid #1b1b1b; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color:#FFFFFF; text-shadow:0px 1px 1px #000; font-weight:bold; cursor:pointer;}

.search-button{background:url(../images/button-bg.jpg) repeat-x; padding:2px 8px; border:1px solid #1b1b1b; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color:#FFFFFF; text-shadow:0px 1px 1px #000; font-weight:bold; cursor:pointer;}

.display-all-button{background:url(../images/button-bg.jpg) repeat-x; padding:2px 8px; border:1px solid #1b1b1b; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color:#FFFFFF; text-shadow:0px 1px 1px #000; font-weight:bold; cursor:pointer;}

.delete-button{background:url(../images/button-bg.jpg) repeat-x; padding:2px 8px; border:1px solid #1b1b1b; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color:#FFFFFF; text-shadow:0px 1px 1px #000; font-weight:bold; cursor:pointer;}


.short-description-box{font-size:12px; color:#454545; border:1px solid #b9b9b9; padding:5px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-bottom:5px; width:350px; height:150px;}


.textbox-readonly{font-size:12px; color:#454545; border:1px solid #b9b9b9; padding:5px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-bottom:5px; width:150px; background-color:#ededed;}
.textbox-title-readonly{font-size:12px; color:#454545; border:1px solid #b9b9b9; padding:5px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-bottom:5px; width:350px; background-color:#ededed;}
.textbox-calendar-readonly{font-size:12px; color:#454545; border:1px solid #b9b9b9; padding:5px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-bottom:5px; width:80px; background-color:#ededed;}
.textbox-small-readonly{font-size:12px; color:#454545; border:1px solid #b9b9b9; padding:5px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-bottom:5px; width:30px; background-color:#ededed;}
.textbox-order-readonly{font-size:12px; text-align:center; color:#454545; border:1px solid #b9b9b9; padding:5px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-bottom:5px; width:30px; background-color:#ededed;}
.description-box-readonly{font-size:12px; color:#454545; border:1px solid #b9b9b9; padding:5px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-bottom:5px; width:150px; background-color:#ededed;}

.short-description-box-readonly{font-size:12px; color:#454545; border:1px solid #b9b9b9; padding:5px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-bottom:5px; width:350px; height:150px; background-color:#ededed;}
.textbox-order{font-size:12px; color:#454545; border:1px solid #b9b9b9; padding:5px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-bottom:5px; width:30px; text-align:center;}


.signin{float:right;}
.div-bg{background:url(../images/div-bg.jpg) repeat-x; height:2px; margin:5px 0;}
h2{padding:0px; margin:0px; font-weight:normal;}
h2 img{vertical-align:middle;}
#footer{background:url(../images/header-bg.jpg) repeat; width:100%; float:left;}
.footer-content{width:98%; padding:10px 1%; color:#8e8e8e;text-shadow:0px 1px 1px #000; float:left;}
.required{color:#cc0000; padding-left:2px;}
.left{float:left;}
.right{float:right;}

#content{width:100%; float:left; clear:both; padding:10px 0px;}
#left-panel{width:23%; float:left; margin-left:2%;}
#right-content{float:left; width:71%; margin-left:1%;}

#accordion {
	list-style: none;
	padding:8px 8px 0px 8px;
	width: 90%;
	background:#c2c2c2;
	 -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	 border:1px solid #d6d6d6;
	 margin:0;
}
#accordion div {
	display: block;
	background: url(../images/active-bg.jpg) repeat-x;
	font-weight:bold;
	margin: 1px;
	cursor: pointer;
	padding: 7px 10px;
	list-style: circle;
	-moz-box-shadow: 0 0 2px #979797; -webkit-box-shadow: 0 0 2px #979797; box-shadow: 0 0 2px #979797;
	text-shadow:0px 1px 1px #fff;
}
#accordion ul {
	list-style: none;
	padding: 0 0 0 0;
	margin:0px;
}
#accordion ul{
	display: none;
	margin-bottom:10px;
}
#accordion li{
	margin-bottom:10px;
}
#accordion ul li {
	font-weight: normal;
	cursor: auto;
	background-color: #f7f7f7;
	padding: 7px 0 7px 10px;
	margin-bottom:0px;
	border-bottom:1px solid #c8c8c8;
}
#accordion a {
	text-decoration: none;
	color:#555555;
	text-shadow:0px 1px 1px #fff;
}
#accordion a:hover {
	text-decoration: underline;
}

.inner-formbox{width:96%; margin:20px auto;}
.search-box{width:98%; margin:10px auto; padding:8px 1%;}
.search-textbox{width:200px; padding:5px 8px;}
.welcome-box{width:98%; margin:10px auto 20px auto; padding:8px 1%; font-size:18px;}
.black{color:#000000;}
.welcome-rightlink{float:right;}
.welcome-rightlink img{vertical-align:middle;}
.welcome-rightlink a{text-decoration:none; color:#454545;}
.welcome-rightlink a:hover{text-decoration:none; color:#878787;}

#mytable {
	border-collapse: collapse;
	width: 100%;
	margin: 10px 0;
	font-size: 1.1em;
	border: 1px solid #c8c8c8;
}

#mytable th {
	background: url(../images/tablehead-bg.jpg) repeat-x #cdcdcd;
	color: #333;
	font-weight: bold;
	padding: 7px 11px;
	text-align: left;
	line-height: 1.2;
}

#mytable td {
	padding: 6px 11px;
	border-bottom: 1px solid #c8c8c8;
	vertical-align: top;
}

#mytable td * {
	padding: 6px 11px;
}

#mytable tr.alt td {
	background: #f4f4f4;
}

#mytable tr.over td, tr:hover td {
	/*background: #e6e6e6;*/
}
/*calendar*/
.calendar-button{background:url(../images/calendar.png) no-repeat; border:0px; height:16px; width:15px; }



.msg {
color:#FF0000;
}
/*Validations*/ 
.tfvHighlight
		{color: red;}
	.tfvNormal
		{font-weight: normal;}