/* CSS Document */
body {
	background-color: #e4ded2;
	margin: 0px;
	padding: 0px;
	background-color: #e4ded2;
	font-family: Arial, Helvetica, sans-serif;
}

div,p,ul,h1,h2,h3,h4,img,form,input {
	padding: 0;
	margin: 0;
}

textarea {
	width: 148px;
	height: 82px;
}

/* MASTER BLOCK */
#masterDiv {
	margin: 0 auto;
	padding: 0px;
	top: 0px;
	width: 999px;
}

/* HEADER */
#header {
	position: relative;
	width: 999px;
	height: 107px;
	background: url(../../img/autoload/header_middle_bg.gif) repeat-x #fff;
	z-index: 3;
}

#header img.l1 {
	float: left;
	width: 25px;
	height: 107px;
}

#header img.r1 {
	float: right;
	width: 25px;
	height: 107px;
}

#header img.logo1 {
	position: absolute;
	top: 24px;
	left: 25px;
}

#header img.logo2 {
	position: absolute;
	top: 75px;
	right: 70px;
}

#header p.welcome {
	position: absolute;
	top: 30px;
	right: 35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #fff;
}

/*
Add to put logout after below the welocme message
*/
#header .welcome span{
	position: absolute;
	top: 23px;
	right: 0px;
}

#header p a {
	text-decoration: none;
}

#header p a:hover {
	text-decoration: underline;
}

#header p.date {
	position: absolute;
	bottom: 5px;
	right: 35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #fff;
}

#header span {
	padding: 0 0 0 10px;
}

#header Date {
	position: absolute;
	top: 30px;
	right: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #fff;
}

.login {
	background: transparent url(../../img/autoload/login.gif) repeat scroll
		0 0;
	border: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	left: 309px;
	padding: 2px 0;
	position: absolute;
	top: 150px;
	width: 48px ! important
}

.logout {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: right;
	text-decoration: none;
	line-height: 20px;
	color: #fff;
}

a.logout:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	text-decoration: none;
	color: #fff;
}

a.logout:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	text-decoration: none;
	color: #fff;
}

a.logout:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	text-decoration: none;
	color: #fff;
}

a.logout:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	text-decoration: none;
	color: #fff;
}

#menubg {
	margin: 0 auto;
	top: 1px;
	padding: 0px;
	position: relative;
	width: 949px;
	height: 28px;
	background-image: url(../../img/autoload/bg.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}

.menu {
	height: 28px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
}

a.menu:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	height: 28px;
	width: 110px;
	float: left;
	vertical-align: middle;
	text-align: center;
	line-height: 25px;
}

a.menu:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	height: 28px;
	width: 110px;
	float: left;
	vertical-align: middle;
	text-align: center;
	line-height: 25px;
}

a.menu:hover {
	background-image: url(../../img/autoload/hover.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #000;
	height: 28px;
	width: 110px;
	float: left;
	vertical-align: middle;
	text-align: center;
	line-height: 25px;
}

.highlight {
	background-image: url(../../img/autoload/hover.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #000;
	height: 28px;
	width: 110px;
	float: left;
	vertical-align: middle;
	text-align: center;
	line-height: 25px;
}

#combomenu {
	margin: 0 auto;
	top: 2px;
	position: relative;
	width: 949px;
	height: 28px;
	background-color: #cce6f5;
}

.combomenuheight {
	height: 28px;
}

.combotext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-right: 10px;
}

.combotextlight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-right: 10px;
}

.combopadding {
	padding-right: 10px;
}

.selectbox {
	height: 21px;
	width: 199px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	text-align: left;
	border: 1px solid #CCCCCC;
}

.selectbox2 {
	height: 21px;
	width: 146px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	text-align: left;
	border: 1px solid #CCCCCC;
}

.selectbox-autowidth {
	height: 21px;
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	text-align: left;
	border: 1px solid #CCCCCC;
}

.textfield {
	width: 140px;
	border: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: middle;
	padding: 2px 0px 2px 0px;
}

.querytextfield, .textfield{
	width : 280px;
}	
	

.textfield4 {
	width: 140px;
	border: 1px solid #CCCCCC;
	background-color: #f1f1f1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 2px 0px 2px 0px;
}

.textfield2 {
	width: 115px;
	border: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 2px 0px 2px 0px;
}
.textfield6 {
	width: 115px;
	border: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	BACKGROUND-COLOR: #e9e9e9	
}
.textfield3 {
	width: 25px;
	border: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 2px 0px 2px 0px;
}

.textfield5 {
	width: 17px;
	border: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 2px 0px 2px 0px;
}

.left10 {
	padding-left: 10px;
}

.pad {
	padding: 10px 5px 6px 10px;
}

.pad1 {
	padding: 10px 0 0 10px;
}

#middleform {
	margin: 0 auto;
	top: 0px;
	position: relative;
	width: 949px;
	background-color: #FFFFFF;
}

#middleform img.calendarIcon {
	position: relative;
	top: 4px;
	left: 0px;
}

#middle {
	position: relative;
	width: 999px;
	background-image: url(../../img/autoload/middle_bg.gif);
	background-repeat: repeat-y;
	height: auto;
}

#helppart {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 50%;
}

#loginpart {
	float: right;
	margin: 0px;
	padding: 0px;
	width: 50%;
}

#helpntips {
	position: relative;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 361px;
	width: 400px;
	text-align: left;
}

#help1 {
	position: relative;
	width: 400px;
	height: 92px;
	margin: 0 auto;
}

#help1 img {
	position: absolute;
	width: 46px;
	height: 51px;
	top: 77px;
	left: 55px;
}

#help2 {
	position: absolute;
	top: 50px;
	left: 114px;
	color: #ffffff;
}

#help2 ul  {
	padding: 0px;
	margin: 0px;
	width: 100%;
}
#help3 {
	position: absolute;
	top: 50px;
	left: 20px;
	color: #ffffff;
}
#help3 ul{
	padding: 0px;
	margin: 0px;
	width: 100%;
}	
#help3 ul li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding: 0px 0px 5px 20px;
	width: 325px;
	float: left;
	display: block;
	list-style-type: none;
	line-height: 18px;
	background: url(../../img/autoload/bullet.gif) no-repeat 0px 6px;
}

#help1 ul li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding: 0px 0px 5px 20px;
	width: 325px;
	float: left;
	display: block;
	list-style-type: none;
	line-height: 18px;
	background: url(../../img/autoload/bullet.gif) no-repeat 0px 6px;
}

#help1 ul li.a2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding: 0px 0px 0px 20px;
	width: 325px;
	height: 20px;
	float: left;
	display: block;
	list-style-type: none;
	line-height: 16px;
	background: url(../../img/autoload/bullet.gif) no-repeat 0px 5px;
}

#help1 ul li.a3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding: 28px 0px 0px 20px;
	width: 325px;
	height: 40px;
	float: left;
	display: block;
	list-style-type: none;
	line-height: 16px;
	background: url(../../img/autoload/bullet.gif) no-repeat 0px 33px;
}

#information1 {
	position: absolute;
	width: 400px;
	height: 92px;
	top: 0px;
	left: 0px;
}

#information1 img {
	position: absolute;
	width: 46px;
	height: 51px;
	top: 210px;
	left: 55px;
}

#information1 p {
	width: 320px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #000000;
	position: absolute;
	top: 195px;
	left: 135px;
	color: #000;
}

#line1 {
	position: absolute;
	width: 4px;
	height: 293px;
	top: 30px;
	left: 499px;
	background: url(../../img/autoload/line.gif) no-repeat;
}
#line2 {
	position: absolute;
	width: 4px;
	height: 293px;
	top: 40px;
	left: 450px;
	background: url(../../img/autoload/line.gif) no-repeat;
}
/* --------------------- Login Part Start --------------------- */
#login {
	position: relative;
	width: 385px;
	height: 195px;
	background: url(../../img/autoload/login_bg.gif) no-repeat;
	left: 553px;
	top: -20px;
}

#login img.key {
	position: absolute;
	width: 87px;
	height: 99px;
	top: 47px;
	left: 35px;
}

#login img.label {
	position: absolute;
	width: 210px;
	height: 29px;
	top: 27px;
	right: 37px;
}

#login img.button {
	position: absolute;
	width: 42px;
	height: 20px;
	top: 152px;
	right: 27px;
}

#login p.customercode {
	position: absolute;
	top: 64px;
	left: 51px;
	font-weight: bold;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#login p.username {
	position: absolute;
	top: 95px;
	left: 51px;
	font-weight: bold;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#login p.password {
	position: absolute;
	top: 125px;
	left: 51px;
	font-weight: bold;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#login p.loginError {
	position: absolute;
	top: 155px;
	left: 51px;
	font-weight: bold;
	color: red;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#login input.customercode {
	position: absolute;
	top: 60px;
	left: 149px;
	width: 207px;
	border: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 2px 0px 2px 0px;
}

#login input.username {
	position: absolute;
	top: 90px;
	left: 149px;
	width: 207px;
	border: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 2px 0px 2px 0px;
}

#login input.password {
	position: absolute;
	top: 120px;
	left: 149px;
	width: 207px;
	border: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 2px 0px 2px 0px;
}

#login p.link {
	position: absolute;
	top: 158px;
	left: 44px;
	color: #ffffff;
	font-weight: bold;
}

#login p.link a {
	color: #ffffff;
}

#login p.link a:hover {
	color: #ffffcc;
}

.subheading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px 0px 0px 10px;
	font-weight: bold;
	height: 25px;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
}

.subheading1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px 0px 0px 10px;
	font-weight: bold;
	height: 25px;
	vertical-align: middle; //
}

.shortcut {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 10px;
	height: 22px;
	vertical-align: middle;
	color: #000000;
	text-decoration: none;
}

a.shortcut1 {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 22px;
	padding-left: 0px;
	text-decoration: none;
	vertical-align: middle;
}

.textarea_shortcut {
	height: 71px;
	width: 142px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: middle;
	color: #000000;
	text-decoration: none;
}

a.shortcut {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 10px;
	height: 22px;
	vertical-align: middle;
	color: #000000;
	text-decoration: none;
}

a.shortcut:hover {
	text-decoration: underline;
}

.formtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 10px;
	height: 22px;
	vertical-align: middle;
	color: #000000;
}

/* --------------------- Login Part End --------------------- */
	/* --------------------- Login Footer Part Start --------------------- */
#footer {
	position: relative;
	width: 100%;
	height: 15px;
	background: url(../../img/autoload/footer_middle_bg.gif) repeat-x #fff;
	background-position: top;
	float: left;
	text-decoration: none;
}

#footer img.l1 {
	float: left;
	width: 25px;
	height: 15px;
}

#footer img.r1 {
	float: right;
	width: 25px;
	height: 15px;
}

#footer p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	line-height: 20px;
	color: #000;
	text-decoration: none;
}

#footer p a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	text-decoration: none;
}

#footer p a:hover {
	color: #660066;
	text-decoration: underline;
}

/* --------------------- Login Footer Part End --------------------- */
	/* FOOTER */
#footer {
	background-color: #e4ded2;
	width: 999px;
	height: 40px;
	position: relative;
}

/* --------------------- Grid Part Start --------------------- */
.gridbg {
	background-image: url(../../img/autoload/grid_bg.gif);
	background-repeat: repeat-x;
}

.gridbgbtm {
	background-image: url(../../img/autoload/table_btm_middle.gif);
	background-repeat: repeat-x;
	height: 26px;
}

.gridborder {
	border-bottom: 1px solid #cdd5d9;
	border-left: 1px solid #cdd5d9;
	border-top: 1px solid #cdd5d9;
	border-right: 1px solid #cdd5d9;
}

.gridheading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.gridtd1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 10px;
	text-align: left;
	height: 27px;
	background-color: #f2f7fd;
	vertical-align: middle;
}

.gridtd2 {
	height: 27px;
	background-color: #e3eff6;
	vertical-align: middle;
}

.gridtblbrdr {
	border-bottom: 0px solid #cdd5d9;
	border-left: 0px solid #cdd5d9;
	border-top: 0px solid #cdd5d9;
	border-right: 0px solid #cdd5d9;

}

.gridtoprow {
	padding: 0px 10px 0px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	height: 25px;
	background-color: #51cbee;
	vertical-align: middle;
	text-align: left;
}

.gridtoprow1 {
	padding: 0px 10px 0px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	height: 25px;
	background-color: #51cbee;
	vertical-align: middle;
	text-align: center;
}

.gridrow1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	height: 25px;
	/*padding: 5px 5px 5px 5px;*/
	background-color: #f2f7fd;
	text-align: center;
}

.gridrow1a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	height: 25px;
	/*padding: 0px 5px 0px 5px;*/
	padding: 0 0 0 7px;
	background-color: #f2f7fd;
	text-align: left;
}

.gridrow1b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	height: 25px;
	/*padding: 0px 5px 0px 5px;*/
	padding: 0 0 0 7px;
	background-color: #f2f7fd;
	text-align: right;
}

.gridrow1t {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	height: 25px;
	/*padding: 0px 5px 5px 5px;*/
	background-color: #f2f7fd;
	text-align: center;
	/*padding: 0 0 0 7px;*/
}

.gridrow2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	/*padding: 0px 5px 0px 5px;*/
	padding: 0 0 0 7px;
	height: 25px;
	background-color: #e3eff6;
	border-top: #FFFFFF solid 1px;
	text-align: center;
}

.gridrow2a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	/*padding: 0px 5px 0px 5px;*/
	padding: 0 0 0 7px;
	height: 25px;
	background-color: #e3eff6;
	border-top: #FFFFFF solid 1px;
	text-align: left;
}

.gridrow2b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	/*padding: 0px 5px 0px 5px;*/
	padding: 0 0 0 7px;
	height: 25px;
	background-color: #e3eff6;
	border-top: #FFFFFF solid 1px;
	text-align: right;
}

.gridrow2c {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	background-color: #e3eff6;
	border-top: #FFFFFF solid 1px;
	text-align: left;
	padding: 0 0 0 7px;
}

.gridrow2t {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	background-color: #e3eff6;
	border-top: #FFFFFF solid 1px;
	text-align: center;
	/*padding: 0px 5px 5px 5px;
	padding: 0 0 0 7px;*/
}

.gridrowbutton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	height: 25px;
	/*padding: 0px 5px 5px 5px;*/
	padding: 0 0 0 7px;
	text-align: left;
}

.pagination {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/* tabs part Start */
img {
	border: none;
}

#tabs {
	padding: 0px;
	background: none transparent scroll repeat 0% 0%;
	voice-family: inherit;
	text-align: right;
	z-index: 1000;
}

#tabs ul {
	margin: 0px;
	padding: 4px 10px 0 10px;
	list-style-type: none;
}

#tabs li {
	padding: 0px;
	display: inline;
	margin: 0px;
}

#tabs li img {
	align: right;
	margin: -6px 0px 0px 8px;
}

#tabs a {
	padding: 0px 1px 0px 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background: url(../../img/autoload/tableft5.gif) no-repeat left top;
	float: left;
	text-align: left;
	margin: 0px;
	color: #ffffff;
	text-decoration: none;
}

#tabs strong {
	padding: 0px 1px 0px 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background: url(../../img/autoload/tableft5.gif) no-repeat left top;
	float: left;
	margin: 0px;
	color: #ffffff;
	text-decoration: none;
}

#tabs a span {
	padding: 5px 10px 4px 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	display: block;
	background: url(../../img/autoload/tabright5.gif) no-repeat right top;
	color: #ffffff;
}

#tabs a span div {
	float: left;
}

#tabs #current span {
	padding: 5px 10px 4px 6px;
	display: block;
	background: url(../../img/autoload/tabright5.gif) no-repeat right top;
	color: #ffffff;
}

/*#tabs a span { float:none;}*/
#tabs #current a {
	background-position: 0% -42px;
}

#tabs #current a span {
	background-position: 100% -42px;
	color: #333333;
}

#tabs #current span {
	background-position: 100% -42px;
	color: #333333;
}

#tabs a:hover {
	background-position: 0% -42px;
}

#tabs a:hover span {
	background-position: 100% -42px;
	color: #333333;
}

#tabs #current a:hover {
	background-position: 0% -42px;
}

#tabs #current a:hover span {
	background-position: 100% -42px;
	color: #333333;
}

.error-message {
	color: red;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding: 5px;
	text-align: left;
}

.calendarText {
	width: 131px;
	border: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 2px 0px 2px 0px;
}

body {
	margin: 0px;
	padding: 0px;
}

.button {
	background: url(../../img/autoload/buttonright.gif) repeat-x;
	background-position: right top;
	align: center;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 4px;
	color: white;
	height: 20px;
}

.button a {
	align: center;
	font-family: Tahoma;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	text-decoration: none;
	color: white;
	/*padding: 3px 0px 0px 9px;*/
	/*background:url(../../img/autoload/buttonleft.gif) no-repeat;*/
	width: auto;
	height: 20px;
	display: block;
	white-space: nowrap;
}

.button a:hover {
	text-decoration: none;
	color: #ffffcc;
	align: center;
	/*padding:3px 0px 0px 9px;*/
	/*background:url(../../img/autoload/buttonleft.gif) no-repeat;*/
	height: 20px;
}

.buttonDiable {
	background: url(../../img/autoload/buttongrey.gif) repeat-x;
	background-position: right top;
	align: center;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 4px;
	color: white;
	height: 20px;
}

.buttonDiable a {
	align: center;
	font-family: Tahoma;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	text-decoration: none;
	color: white;
	/*padding: 3px 0px 0px 9px;*/
	/*background:url(../../img/autoload/buttongrey.gif) no-repeat;*/
	width: auto;
	height: 20px;
	display: block;
	white-space: nowrap;
}

.buttonDiable a:hover {
	text-decoration: none;
	color: #ffffcc;
	align: center;
	/*padding:3px 0px 0px 9px;*/
	/*background:url(../../img/autoload/buttongrey.gif) no-repeat;*/
	height: 20px;
}

#header div.cust_logo {
	position: absolute;
	top: 26px;
	left: 48.5%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #fff;
}

/*This will to fix the size and position of cutomer logo*/
#header .cust_logo img{
position: absolute;
top: 4px;
bottom: 5px;
}


.fileuploadfield {
	background-position: right top #CCCCCC;
	align: center;
	font-size: 11px;
	font-weight: bold;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 4px;
	height: 20px;
	width: 200px
}

.draglist {
	list-style: none;
}

.list1 {
	/*cursor: move; */
	padding: 6px 7px 0px 0px;
}

.list2 {
	/*cursor: move; */
	padding: 6px 7px 0px 0px;
}

.container{
	position: relative;
	width: 453px;
	float: left;
	margin: 0px;
	padding: 3px;
	/*border:1px solid #cccccc;*/
}
.itemDrag {
	/*background-color:#ffffff;*/
	width: 453px;
	margin: 0px;
	height: inherit;
	/*border: 2px solid #ccc;*/
	padding: 0px;
}
.dragAjuda {
	position: relative;
	/*border: 2px dashed #ad7db9;*/
	/*background-color:#efefef;*/
}
.handle{
	cursor:move;
	/*background-color: yellow;*/
}
#bottomControls{
	position:fixed;
	bottom:0px;
}
.hoverItem{
	border:2px dashed #cc3333;
}

.gadgetCabecalho{
	font-size:1.4em;
	font-weight:bold;
}
/*
#sortable { list-style-type: none; margin: 0px; padding: 0px; }
*/
#sortable li { margin: 3px; padding: 1px; float: left; height: 100%; font-size: 4em; text-align: center; list-style:none;}

.rightContent {
	border: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	left: 309px;
	padding: 2px 0;
	position: absolute;
	top: 150px;
	width: 48px ! important	
}

.pdfHeight
{
	background-color:white;
	padding-top:50px;
	padding-bottom:40px;

}