@import url(reset.css);
@import url(uploadify.css);
* { font-family: "Century Gothic", Verdana, Arial, sans-serif; font-size: 14px; }
body { background-image: url(../images/concrete.png); background-position: top left; }
#wrapper { background-image: url(../images/watermark.jpg); background-repeat: no-repeat; background-position: bottom right; padding-bottom: 200px; }
a { text-decoration: none; color: inherit; }
#login { width: 540px; margin: 20px auto 0px auto; }
#login #logo { margin: 0px 135px; }
.upload { padding-bottom: 20px; }
.container { padding: 20px; }
.container p { font-size: 14px; color: #FFFFFF; margin-bottom: 20px; }
.ui-box .container h2 { color: #AAAAAA; font-weight: bold; margin-bottom: 20px; text-shadow: #333333 0px -1px 0px; border-bottom: 1px solid #333333; padding-bottom: 5px; }
/* Common */
.left { float: left; }
.right { float: right; }
.half { width: 49%;  }
.third { width: 33%; }
.twothird { width: 67%; -ms-transform:width(60%); /* IE 9 */ -moz-transform:width(67%);/* Firefox */ -webkit-transform:width(67%); /* Safari and Chrome */ -o-transform:width(67%); /* Opera */ }
.threequater { width: 75%; }
.quater { width: 25%; }
.clear { clear: both; }
.clear.spacer { height: 20px; }
/* UI Elements */
.ui-header { background-image: url(../images/ui-header.png); line-height: 45px; text-indent: 10px; color: #FFFFFF; font-size: 18px; font-weight: bold; text-shadow: rgba(0, 0, 0, 0.3) 0px -1px 0px; }
.ui-header-inner { height: 45px; background-image: url(../images/ui-header-right.png); background-repeat: no-repeat; background-position: top right; }
.ui-box { background-color: #4c4c4b; margin:1%; overflow: hidden; }
.ui-message { font-size: 13px; border-radius: 3px; margin: 20px 20px 0px 20px; padding: 20px; background-color: #EEEEEE; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 0px; border: 1px solid #ed5e11; }
.ui-message p { color: #333333; margin-bottom: 0px; }
.ui-message .buttons { padding: 20px; background-color: #CCCCCC; line-height: 32px; margin: 20px -20px -20px -20px; color: #333333; font-weight: bold; border-radius: 0px 0px 2px 2px; }
.ui-message .buttons p { margin: 0px; }
.ui-message .buttons.done a { background-image: url(../images/done.png); background-repeat: no-repeat; background-position: center right; }
.ui-message .button { float: right; display: block; height: 32px; text-align: center; color: #FFFFFF; font-size: 14px; line-height: 32px; background-image: url(../images/yesno_big.png); background-position: top right; width: 62px; text-shadow: none; font-weight: normal; }
.ui-message .button.loading, .ui-message .button.loading:active { cursor: default; background-image: url(../images/loader.gif); background-position: center center; background-repeat: no-repeat; text-indent: -10000px; }
.ui-message .button:active { background-position: bottom right; }
/* Form */
.ui-box form { padding: 20px; }
form label { display: block; color: #FFFFFF; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px 0px; font-size: 14px; }
form label.checkbox { padding: 2px; text-shadow: none; cursor: pointer; }
form label.checkbox input { margin-right: 10px; }
form input.field, form textarea.field, form select.field { padding: 5px; background-color: #3c3c3c; border: 1px solid #333333; margin: 0px 0px 20px 0px; box-shadow: inset #333333 0px 1px 3px; color: #AAAAAA; width: 100%; }
form select.field { width: auto; }
form span.error { background-image: url(../images/validation-error.png); background-position: 5px 8px; background-repeat: no-repeat; display: block; color: #ed5e11; padding: 5px 5px 5px 20px; font-size: 12px; margin-bottom: 20px; margin-top: -20px; }
.ui-box .container { padding: 20px 32px 20px 20px; }
.button.large { color: #FFFFFF; border: 1px solid #333333; background-color: #4c4c4b; padding: 15px 20px 15px 52px; box-shadow: inset rgba(255, 255, 255, 0.5) 0px 0px 1px; border-radius: 3px; font-size: 14px; display: block; margin-bottom: 20px; background-image: url(../images/users.png); background-repeat: no-repeat; background-position: 15px 18px; }
.button.disabled { opacity: 0.5; cursor: default; }
.button.large.contract { background-image: url(../images/contracts.png); }
.button.large:active { color: #CCCCCC; border: 1px solid #333333; background-color: #444444; box-shadow: inset rgba(0, 0, 0, 0.3) 0px 0px 3px; border-radius: 3px; }
 input:-webkit-autofill {
}
form input.field:focus, form textarea.field:focus, form select.field:focus { border: 1px solid #666666; }
form input.button { color: #FFFFFF; border: 1px solid #333333; background-color: #4c4c4b; padding: 5px 20px; box-shadow: inset rgba(255, 255, 255, 0.5) 0px 0px 1px; border-radius: 3px; font-size: 14px; }
form input.button:active { color: #CCCCCC; border: 1px solid #333333; background-color: #444444; padding: 5px 20px; box-shadow: inset rgba(0, 0, 0, 0.3) 0px 0px 3px; border-radius: 3px; }
ul.select { margin-bottom: 20px; }



/*start 28-03-13*/
ul.select li{ float:left; width:100%}
/*close 28-03-13*/



ul.select.column li { width: 50%; float: left; }
ul.select ul { margin-left: 27px; display: none; }
ul.select.categories ul { margin-left: 29px; display: block; }
ul.select.categories li a { display:inline; }
ul.select.categories li.active { background-color: #444444; }
ul.select.categories li.hover > a.category { background-color: #555555; }
/*
ul.select.categories li
{
	height: 24px;
}
*/

ul.select a.collapse { display: block; width: 24px; height: 24px; float: left; clear: left; background-image: url(../images/collapse.png); cursor: pointer; margin-right: 5px; }
ul.select.categories a.collapse { background-image: none; cursor: default; }
.internet_explorer ul.select a.collapse { height: 23px; background-position: 0px -1px; }
ul.select a.collapse.open { background-position: 0px -24px; }
.internet_explorer ul.select a.collapse.open { background-position: 0px -25px; }
ul.select a.collapse.disabled, ul.select a.collapse.disabled:hover { background: none; background-image: none; }
/*
ul.select a.collapse:hover
{
	background-color: #333333;
	border-radius: 3px;
}
*/

ul.select a.category { line-height: 24px; font-size: 14px; color: #FFFFFF; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px 0px; cursor: pointer; }
ul.select ul a.category { color: #EEEEEE; font-size: 12px; padding-left: 10px; }
ul.select ul label { color: #AAAAAA; font-size: 12px; }
/*
ul.select > li:hover
{
	background-color: #444444;
	border-radius: 3px;
}
*/


#login input.field { width: 448px; }
#login a.right { color: #FFFFFF; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px 0px; display: block; padding: 6px; }
#login > .button { margin: 40px 20px 40px 20px; }
/* Header */
#header { height: 121px; background-image: url(../images/header.png); box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px; padding: 0px 40px 0px 40px; }
#header h1 { font-size: 30px; color: #FFFFFF; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px 0px; font-weight: 400; height: 40px; line-height: 40px; padding-top: 25px; }
#header h2 { color: #dddddd; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px 0px; font-size: 18px; height: 20px; line-height: 20px; }
#header h2 span { color: #8aaab2; }
#header h2 a:hover { text-decoration: underline; }
#controls { float: right; width: 150px; background-color: rgba(0, 0, 0, 0.2); box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 1px; border-radius: 5px; margin: 10px 0px 0px 0px; }
#controls a { display: block; height: 40px; line-height: 42px; color: #FFFFFF; text-indent: 10px; margin: 5px; background-color: #4c4c4b; background-image: url(../images/gradient-grey.png); box-shadow: inset rgba(255, 255, 255, 0.5) 0px 0px 1px; border: 1px solid #363636; border-radius: 3px; font-size: 14px; }
#controls a:active { background-image: url(../images/gradient-grey-down.png); box-shadow: inset rgba(0, 0, 0, 0.5) 0px 0px 3px; }
/* Dashboard */
.list { background-color: #4c4c4b; /* height: 60px; */

	background-position: center left; border: 1px solid #353536; border-width: 0px 1px 1px 1px; box-shadow: inset rgba(255, 255, 255, 0.1) 0px 1px 0px; padding: 0px 0px 3px 10px; }
.list.empty { color: #FFFFFF; padding: 20px; text-align: center; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px 0px; }
.list:hover { background-color: #484847; background-image: url(../images/gradient-grey.png); background-position: top left; background-repeat: repeat-x; }
.list h2 { color: #FFFFFF; font-size: 18px; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px 0px; padding-top: 10px; }
.list h3 { color: #888888; font-size: 14px; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px 0px; }
.list h3 span.updated { color: #CCCCCC; padding-left: 16px; background-image: url(../images/updated.png); background-position: left; background-repeat: no-repeat; }
.list .options { float: right; height: 60px; padding-right: 5px; }
.list .options.tender { width: 223px; }
.list .options span { display: block; width: 120px; font-size: 12px; color: #FFFFFF; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px 0px; line-height: 15px; margin-top: 15px; }
.list .options span.yes, .list .options span.no { width: auto; margin-top: 18px; background-image: url(../images/yesno2.png); background-repeat: no-repeat; background-position: 0px -2px; height: 24px; line-height: 24px; padding-left: 30px; }
.list .options span.no { background-position: 0px -27px; }
.list .options a.yes, .list .options a.no { float: right; display: block; height: 32px; width: 42px; text-align: center; color: #FFFFFF; font-size: 14px; line-height: 32px; background-image: url(../images/yesno.png); margin: 15px 10px 10px 0px; }
.list .options.big a.yes, .list .options.big a.no { background-image: url(../images/yesno_big.png); width: 62px; }
.alert .options { width: 450px; margin: 0px auto; line-height: 32px; }
.alert .options a.yes, .alert .options a.no { float: right; display: block; height: 32px; text-align: center; color: #FFFFFF; font-size: 14px; line-height: 32px; background-image: url(../images/yesno_big.png); width: 62px; margin-left: 10px; text-shadow: none; font-weight: normal; }
.alert .options a.yes:active { background-position: -62px -32px; }
.alert .options a.no:active { background-position: 0px -32px; }
.alert .options a.yes { background-position: -62px 0px; }
.list .options a.yes { background-position: -42px 0px; }
.list .options.big a.yes { background-position: -62px 0px; }
.list .options a.yes:active { background-position: -42px -32px; }
.list .options.big a.yes:active { background-position: -62px -32px; }
.list .options a.no:active { background-position: 0px -32px; }
.files li a { display: block; padding: 5px; line-height: 16px; font-size: 14px; color: #FFFFFF; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px 0px; padding-left: 26px; background-image: url(../images/files/default.png); background-repeat: no-repeat; background-position: 5px 5px; margin-right: 26px; word-wrap: break-word; }
.files li a.delete { margin: 0px; background-image: none; padding: 0px; width: 26px; height: 26px; float: right; background-image: url(../images/delete.png); background-position: center center; }
.files li.ui-draggable-dragging a.delete { display: none; }
.files li a:hover { background-color: #444444; border-radius: 3px; }
/* File Types */
.files li a.pdf { background-image: url(../images/files/pdf.png); }
.files li a.ppt, .files li a.pptx { background-image: url(../images/files/ppt.png); }
.files li a.doc, .files li a.docx { background-image: url(../images/files/doc.png); }
.files li a.xls, .files li a.xlsx, .files li a.csv { background-image: url(../images/files/xls.png); }
.files li a.jpg, .files li a.png, .files li a.jpeg, .files li a.gif, .files li a.tif, .files li a.psd, .files li a.ai, .files li a.eps { background-image: url(../images/files/jpg.png); }
.alert { text-align: center; background-color: #CCCCCC; margin: 20px; border-radius: 5px; border: 1px solid #ed5e11; padding: 20px; color: #ed5e11; font-weight: bold; text-shadow: #EEEEEE 0px -1px 0px; box-shadow: #888888 0px 1px 0px; }
.uploadnote { font-size: 12px; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px 0px; color: #FFFFFF; color: #AAAAAA; margin-bottom: 20px; float: right; line-height: 32px; }
.checknote { font-size: 12px; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px 0px; color: #FFFFFF; color: #AAAAAA; margin-bottom: 20px; }
.checknote input { margin-right: 10px; }
.intent td { }
.intent thead td { color: #AAAAAA; font-weight: bold; margin-bottom: 20px; border-bottom: 1px solid #333333; text-shadow: #333333 0px -1px 0px; padding-bottom: 5px; text-align: center; }
.intent thead td.name { text-align: left; }
.intent tbody td { padding: 5px; color: #CCCCCC; border: none; font-weight: normal; text-align: center; }
.intent tbody td.name { text-align: left; }
.intent tbody tr:hover td { background-color: #484847; background-image: url(../images/gradient-grey.png); background-position: top left; background-repeat: repeat-x; }
.intent tbody td span { display: block; color: #888888; font-size: 14px; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px 0px; }
.boxwid { width:100%; }
/*--------- 15th feb --------- */
.internet_explorer .ui-box { overflow: hidden; }