@charset "utf-8";

body {
    background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(212,226,232,1) 100%) fixed; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(212,226,232,1)))  fixed; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(212,226,232,1) 100%)  fixed; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(212,226,232,1) 100%)  fixed; /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(212,226,232,1) 100%)  fixed; /* IE10+ */
	background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(212,226,232,1) 100%)  fixed; /* W3C */
	filter: 	progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d4e2e8',GradientType=0 )  fixed; /* IE6-9 */
	color: #646464;
    font-family: Trebuchet MS,Gill Sans,arial;
    font-size: 14px;
    line-height: 20px;
}

h1 {
     font-family: arial;
     font-size: 36px;
     font-weight: bold;
     line-height: 36px;
     text-transform: uppercase;
}

h2 {
    
}

h3 {
    
}
p{
	display:block;
	margin:0 0 10px;
}
a {
     color: #646464;
}

a:hover {
     color: #572700;
}

#wrapper {
     background: url("/img/bg.png") repeat scroll 0% 0% transparent;
	height:100%;
}

#top {
     color: #464646;
     font-family: arial;
     font-size: 11px;
     height: 32px;
     line-height: 32px;
     margin: 0pt auto;
     padding: 0pt 10px;
     width: 1000px;
	position:relative;
	z-index:200;
}

#contentLayer1 {
	display:block;
	background:rgb(92,47,10);
	background:rgba(92,47,10,0.4);
	height:70px;
	margin:0 auto;
	position:relative;
	z-index:3;
}

#contentLayer2 {
    height: 50px;
    margin: -50px 0pt 0pt;
    position: absolute;
    width: 1000px;
	z-index:2
}

#contentLayer3 {
     display: block;
     margin: 50px auto 0pt;
     width: 1000px;
	position:relative;
	z-index:1;
}

#contentLayer4 {
     display: block;
     margin: 0pt auto;
     width: 1000px;
}
#contentLayer5 {
     display: block;
     margin: 50px auto 0pt;
     width: 1000px;
    position:relative;
    z-index:1;
}
#footer {
     bottom: 0pt;
     font-size: 10px;
     height: 20px;
     line-height: 20px;
     margin: 0pt auto;
     padding: 10px 0pt;
     position: absolute;
     width: 1000px;
}

#changes {
     float: left;
     margin: 15px;
}

#changes a {
     color: #323232;
     font-size: 14px;
     font-weight: bold;
}

#loginWrapper {
     border-radius: 10px 10px 10px 10px;
	border:10px solid rgb(220,220,220);
     border: 10px solid rgba(0, 0, 0, 0.15);
     clear: both;
     margin: 150px auto;
     width: 400px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#loginForm{
 	margin:0 auto;
	padding:40px;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.25)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%);
	background: linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#40000000',GradientType=0 );
}

#logo {
     float: right;
     padding: 25px;
}

#projectName {
     color: #FFFFFF;
     float: left;
     font-size: 36px;
     line-height: 36px;
	position:relative;
	z-index:1;
	min-width:400px;
}
#projectArchiveName {
	position:relative;
	z-index:1;
	float:left;
	cursor:pointer;
	width:68px;
}
#projectArchiveName h1{
	margin:0;
	padding:0;
	font-size:11px;
	font-weight:normal;
	height:32px !important;
	line-height:32px !important;
	color:#464646 !important;
	text-transform:lowercase;
}

#addTask {
    font-size: 14px;
    position: absolute;
    right: 40px;
    top: 30px;
    z-index: 40;
}

#projectDuration {
     float: right;
     font-size: 11px;
}

#timeline {
     cursor: e-resize;   
     min-height: 400px;
     overflow: hidden;
     margin: 0px 25px;
     position: relative;
     width: 950px;
	position:relative;  
	top:50px;     
    
	z-index:1;
}
#tl-search-ac {
    width:144px;
    font-size:115%;
}
#tl-legend {
    position:absolute;
    float:left;
    top:28px;
    left:-165px;
    width:155px;
    color: #fff;
    font-size:75%;
    font-weight:bold;
    display:none;
    cursor:pointer;   
}


#left {
     background: -moz-linear-gradient(left center , #FFFFFF 0%, rgba(255, 255, 255, 0) 100%) repeat scroll 0% 0% transparent;
     height: 100%;
     left: 0pt;
     position: absolute;
     top: 0pt;
     width: 25px;
}

#right {
     background: -moz-linear-gradient(left center , rgba(255, 255, 255, 0) 0%, #FFFFFF 100%) repeat scroll 0% 0% transparent;
     height: 100%;
     position: absolute;
     right: 0pt;
     top: 0pt;
     width: 25px;
}

#timeSelector {
     left: 250px;
     position: absolute;
     text-align: center;
     width: 500px;     
     display:none;
}

#bar {
     background: #709EB3 url(/img/barMiddle.png) repeat-x center left;
     border-radius: 10px 10px 10px 10px;
	-webkit-box-shadow: 0px 0px 3px 3px rgba(112, 158, 179, .75);
	-moz-box-shadow: 0px 0px 3px 3px rgba(112, 158, 179, .75);
	box-shadow: 0px 0px 3px 3px rgba(112, 158, 179, .75); 
     color: #FFFFFF;
     height: 40px;
     line-height: 40px;
     margin: 30px auto 0pt;
     width: 400px;
	max-width:400px;
	padding:0 0px;
    position: absolute;   
}

#timeBar {
	background:url(/img/grey50.png);
     background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.3);
     border-left: 2px solid rgba(0, 0, 0, 0.15);
     border-right: 2px solid rgba(0, 0, 0, 0.15);
     cursor: e-resize;
     height: 60px;
   /*  position: absolute;
     top: 20px;
     width: 90px;*/
     position: relative;
     top: -10px;
}

#selectorSwap {
     float: right;
}
      
#tl-content {
     background: url("/img/tlBg.png") repeat scroll 0% 0% transparent;
     height: 100%;
     min-height: 400px;
     width: 10000px;
    min-width: 950px;
    z-index: 99;
	padding:5px 0;
	position:relative;
}

#tl-content li {
    cursor: pointer;
    height: 5px;
	margin: 10px 5px;
	padding:1px;       
    position: relative;
    z-index: 99;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px; 
}

#projectSelect{
     float: left;
	position:absolute;
	left:0;
	top:70px;
	background:rgb(186,200,211);
	background: rgba(112, 158, 179, 0.9);
	z-index:30;
	display: none;
	padding:0 0 15px;
}
#projectArchiveSelect {
    float: left;
	position:absolute;
	left:0;
	top:32px;
	background:rgb(186,200,211);
	background: rgba(112, 158, 179, 0.9);
	z-index:30;
	display: none;
	padding:0;
	width:200px;
}
#projectSelect li{
	padding:6px;
	cursor:pointer;
	font-size:16px;	
}
#projectArchiveSelect li{
	padding:4px;
	cursor:pointer;
	font-size:12px;	
}
#projectSelect a, #projectArchiveSelect a{
	padding:20px 10px;
	cursor:pointer;
	font-size:14px;
	height:20px;
	line-height:20px;
	color:#fff;
}
#projectSelect li:hover, #projectSelect a:hover, #projectArchiveSelect li:hover, #projectArchiveSelect a:hover{
	background:rgb(220,220,220);
	background:rgba(255,255,255,.8);
	color:#60391A;
}
#projectName h1, #projectArchiveName h1, h1.heading{
	height:70px;
	line-height:70px;
	color:rgb(255,255,255);
}
.down{
	border-top: 5px solid #ffffff;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    height: 0;
    width: 0;
}
#mainDisplay {
    background: #FFFFFF;
    border-radius: 500px 500px 500px 500px / 30px 30px 30px 30px;
    box-shadow: 0px 0px 3px 3px rgba(112, 158, 179, 0.3);
    display:block;
    position:relative;
    padding:0 0 100px 0;
    
}

#preload {
    background: #FFFFFF;
    border-radius: 500px 500px 500px 500px / 30px 30px 30px 30px;
    box-shadow: 0px 0px 3px 3px rgba(112, 158, 179, 0.3);
    display:block;
    position:relative;
    padding:0 0 100px 0;
}
#projectSelectInitial {
    font-size:16px; 
    font-weight:Bold;
    width:230px;
}
#projectSelectInitial li {
    padding:5px;
    cursor:pointer;
    
}
#projectSelectInitial li:hover {
    background: #dde8ed;
}

#startDate {
     color: #FFFFFF;
     font-family: arial;
     font-size: 11px;
}

#endDate {
	background: url(/img/ball.png); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(127,76,35,1) 0%, rgba(96,57,26,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(127,76,35,1)), color-stop(100%,rgba(96,57,26,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(127,76,35,1) 0%,rgba(96,57,26,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(127,76,35,1) 0%,rgba(96,57,26,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(127,76,35,1) 0%,rgba(96,57,26,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(127,76,35,1) 0%,rgba(96,57,26,1) 100%); /* W3C */
	border-radius: 50px 50px 50px 50px;
    display: block;
    height: 100px;
    text-align: center;
    width: 100px;
}

#projectStart {
     clear: right;
     color: #FFFFFF;
	margin-right:5px !important;
}

#projectEnd {
     clear: both;
     color: #FFFFFF;
}

.inner {
     margin: 0pt auto;
     width: 1000px;
}

.label {
     float: left;
     margin: 0pt 10px 0pt 0pt;
     width: 230px;
}

.internalNote {
     background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.25);
     color: #FFFFFF;
     display: none;
     font-family: courier;
     font-size: 10px;
     left: -15px;
     position: absolute;
     top: -15px;
}

.internalNote:after {
     border-bottom: 18px solid transparent;
     border-left: 18px solid #646464;
     border-top: 0pt solid transparent;
     bottom: -18px;
     content: "";
     display: none;
     height: 0pt;
     left: 15px;
     margin: 10px 0pt 0pt;
     position: absolute;
     width: 0pt;
}

#startDate .day, .month, .year {
     color: #FFFFFF;
     display: inline;
     font-size: 11px;
     line-height: 20px;
}

#endDate .month {
     clear: both;
     display: block;
     font-size: 11px;
     line-height: 44px;
     text-transform: uppercase;
}

#endDate .day {
     clear: both;
     color: #FFFFFF;
     display: block;
     font-size: 50px;
     font-weight: bold;
     line-height: 18px;
     text-transform: uppercase;
}

#endDate .year {
     clear: both;
     display: block;
     font-size: 11px;
     line-height: 42px;
     text-transform: uppercase;
}

.history {
     float: left;
     height: 66px;
     line-height: 60px;
     margin: 0pt 0pt 0pt 15px;
}
#taskForm{
	padding:20px;
    float: left;
}
#taskTitle{
	font-size:24px;
	font-weight:bold;
	padding:10px 0;
	margin:0 0 10px;
	position:relative;
}
#taskTitle input{
	width:100%;
}
#taskTitle:after{
	position:absolute;
	left:0;
	top:-10px;
	font-size:9px;
	color:rgb(210,210,210);
	content:"(double click to edit)";
}
/* Forms */
input, textarea, select{
	width:200px;
	padding:5px;
	border:1px solid rgb(200,200,200);
	font-size:smaller;
	margin:0 0 10px;
}
#popup input, #popup textarea, #popup select{
	width:290px;
}
#popup label{
	text-align:left;
	font-weight:bold;	
}
#popup textarea{
	min-height:150px;
	max-width:290px;
}
#taskInner{
	width:300px;
}
input[type=submit], input[type=checkbox], input[type=radio], #popup input[type=submit],#popup input[type=checkbox],#popup input[type=button]{
	width:auto;
}
input[type=submit], input[type=button]{
	cursor:pointer;
}
input[type=checkbox]{
	margin:0 7px;
}
input[type=radio]{
}



label{
	width:125px;
	float:left;
	margin:0 10px 0 0;
	text-align:right;
}
#loginButton {
	position:relative;
	z-index:999;
	cursor:pointer;
	float:right;
	margin:20px -70px 0 0;
	color: #ffffff;
	padding: 10px 30px;
	background:rgb(150,150,150);
	background: -moz-linear-gradient(
		top,
		#ababab 0%,
		#616161);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ababab),
		to(#616161));
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 0px solid #000000;
	-moz-box-shadow:
		1px 2px 2px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(232,30,232,0);
	-webkit-box-shadow:
		1px 2px 2px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(232,30,232,0);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
}
 .submitButton {
	cursor:pointer;
	margin:20px 20px 20px 0;
	color: #ffffff;
	padding: 10px;
	background:rgb(75,75,75);
	background: -moz-linear-gradient(
		top,
		#ababab 0%,
		#616161);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ababab),
		to(#616161));
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 0px solid #000000;
	-moz-box-shadow:
		1px 2px 2px rgba(0,0,0,0.5),
		inset 0px 0px 1px rgba(232,30,232,0);
	-webkit-box-shadow:
		1px 2px 2px rgba(0,0,0,0.5),
		inset 0px 0px 1px rgba(232,30,232,0);
	text-shadow:
		0px -1px 0px rgba(0,0,0,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
}
#editPage{ /* #formUpdateUser */
	background:rgba(255,255,255,0.75);
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding:20px;
	margin:0 0 20px;
	-webkit-box-shadow: 0px 0px 3px 3px rgba(96, 57, 26, .4);
	-moz-box-shadow: 0px 0px 3px 3px rgba(96, 57, 26, .4);
	box-shadow: 0px 0px 3px 3px rgba(96, 57, 26, .4); 
}
.greyBg{
	background:rgb(235,235,235);
	padding:30px;
	width:410px;
}
.greyBg h2{
	text-align:center;
}

#mask{
    display: none;
    position:fixed;  
    _position:absolute; /* hack for internet explorer 6*/  
    height:100%;  
    width:100%; 
    top:0;  
    left:0; 
	background:url(/public/img/maskBg.png);
    z-index:1000;  

}  



#popup, #tooltip, #createProject, #projectUsersSelect, #dragDrop, #dragDropUpload {  
    display:none;  
    background:#FFFFFF;  
    z-index:1001;  
    padding:20px;  
}  

#dragDrop, #dragDropUpload {
     position: absolute;
    top:0px;
    margin-top:20px;
    left:0;
    width:700px;
    line-height:22px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; 
}

#projectUsers{
	position:relative;
}
#projectUsers{
    position: absolute;
    right: 140px;
    top: 30px;
    z-index: 40;	
}
#projectUsers h1{
	font-weight:normal;
	text-transform:capitalize;
	line-height:20px;
	font-family:Trebuchet MS,Gill Sans,arial;
	cursor:pointer;
    font-size: 14px;
	display:block;
	width:125px;
}
#projectUsers h1:hover{
	text-decoration:underline;
}
#projectUsersSelect{
    position: absolute;
	top:0px;
	margin-top:20px;
	left:0;
	width:700px;
	line-height:22px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; 
}

#createProject {

    width: 700px;

    position:fixed;  

    _position:absolute; /* hack for internet explorer 6*/  
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px; 
	-webkit-box-shadow: 0px 0px 3px 3px rgba(96, 57, 26, .4);
	-moz-box-shadow: 0px 0px 3px 3px rgba(96, 57, 26, .4);
	box-shadow: 0px 0px 3px 3px rgba(96, 57, 26, .4); 
}

#popup {

    width: 700px;

    position:fixed;  

    _position:absolute; /* hack for internet explorer 6*/  
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px; 
	-webkit-box-shadow: 0px 0px 3px 3px rgba(96, 57, 26, .4);
	-moz-box-shadow: 0px 0px 3px 3px rgba(96, 57, 26, .4);
	box-shadow: 0px 0px 3px 3px rgba(96, 57, 26, .4); 
}



#tooltip {
    width: 240px;
 	/*   background-color: rgba(96,57,26, .75);	*/
	background: rgb(127,76,35); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(127,76,35,.85) 0%, rgba(96,57,26,.75) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(127,76,35,.85)), color-stop(100%,rgba(96,57,26,.85))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(127,76,35,.85) 0%,rgba(96,57,26,.85) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(127,76,35,.85) 0%,rgba(96,57,26,.85) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(127,76,35,.85) 0%,rgba(96,57,26,.85) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(127,76,35,.85) 0%,rgba(96,57,26,.85) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f4c23', endColorstr='#60391a',GradientType=0 ); /* IE6-9 */

    color: #fff;
    position: absolute;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px; 
-webkit-box-shadow: 0px 0px 3px 3px rgba(112, 158, 179, .75);
-moz-box-shadow: 0px 0px 3px 3px rgba(112, 158, 179, .75);
box-shadow: 0px 0px 3px 3px rgba(112, 158, 179, .75); 
}
.tail{
	border-bottom: 12px solid rgba(112,158,179,.4);
	border-right: 12px solid transparent; 
	border-left: 12px solid transparent; 
	position: absolute;
	top: -12px;
	left: 10%;
	margin: 0 0 0 -12px;
	width: 0; 
	height: 0; 
}
.close{
	width:20px;
	float:right;
	padding:5px;
	color:rgb(255,0,0);
	background:rgba(255,255,255,.95);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; 
	cursor:pointer;
	font-weight:bold;
	border:1px solid rgba(255,255,255,0.3);
}


#tl-content, #tl-content li {

   -moz-user-select     : none;

   -khtml-user-select   : none;

   -webkit-user-select  : none;

   -o-user-select       : none;

   user-select          : none;

}



#taskColor select{
    width: 100px;
    background-color: #709eb3;
}
#logs {
    display: none;
    width: 600px;
    height: 200px;
	clear:both;
	position:relative;
    overflow-y: scroll;
    border: 1px solid #dedede;
    background-color: #fff;
	padding:10px;
    z-index: 1099;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px; 
	-webkit-box-shadow: 0px 0px 3px 3px rgba(96, 57, 26, .4);
	-moz-box-shadow: 0px 0px 3px 3px rgba(96, 57, 26, .4);
	box-shadow: 0px 0px 3px 3px rgba(96, 57, 26, .4); 
}



.successMsg,  .errorMsg {

    border: 1px solid;

    margin: 10px 0px;

    padding:15px 10px 15px 50px;

    background-repeat: no-repeat;

    background-position: 10px center;

}



.successMsg {

    color: #4F8A10;

    background: #DFF2BF url('/img/success.png') 5px center no-repeat;

}



.errorMsg {
    color: rgb(255,0,0);
	border:2px solid rgba(255,0,0,0.75);
    background: rgba(255,0,0,0.1) url(/img/error.png) no-repeat 10px center;
	margin:50px 0 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

}
.barStart{
	position:absolute;
	font-size:11px;
	top:-15px;
	left:0;
	color:rgb(120,120,120);
	white-space:nowrap;    
    font-weight:bold;
}
.barStop{
	position:absolute;
	font-size:11px;
	bottom:-15px;
	right:0;
	color:rgb(120,120,120);
	white-space:nowrap;   
    font-weight:bold;
}
#calendar-search {
    position:absolute;
    top:110px;
    right:25px;
    display:none;
}
#calendar-search-field {
    width:210px;
}
#calendar-content {
     min-height: 400px;
     overflow: hidden;
     margin: 0px 0 0 25px;
     position: relative;
     width: 724px;
	position:relative;
	top:50px;
	z-index:1;	
	font-family:arial;	
	float:left;
}
#calendar-content td {
	border: 1px solid rgb(125,125,125);
	width: 90px;
	height:90px;
	margin: 10px 10px 0 0;
	position:relative;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px; 
}
#calendar-content td.active{
	background:rgb(166,144,126);
	-webkit-box-shadow: 0px 0px 3px 3px rgba(112, 158, 179, .75);
	-moz-box-shadow: 0px 0px 3px 3px rgba(112, 158, 179, .75);
	box-shadow: 0px 0px 3px 3px rgba(112, 158, 179, .75); 
	border:1px solid rgba(255,255,255,.5);
}
#calendar-content td.active span{
	color:rgb(255,255,255);
}

#calendar-content td.selected{
	background:rgb(112,158,179);
	-webkit-box-shadow: 0px 0px 3px 3px rgba(112,158,179, .75);
	-moz-box-shadow: 0px 0px 3px 3px rgba(112,158,179, .75);
	box-shadow: 0px 0px 3px 3px rgba(112,158,179, .75); 
	border:1px solid rgba(255,255,255,.5);
}
#calendar-content td.selected span{
	color:rgb(255,255,255);
}
#calendar-content th {
	width: 90px;
	padding: 10px 0 0;
	text-align: center;
	color:rgb(225,225,225);
	text-transform:uppercase;
	text-align:right;
	border:0;
}
#calendar-content table {
	position:relative;
	float:left;
}
#current-month{
	font-family:arial;
	color:rgb(112,158,179);
	font-size:36px;
	font-weight:bold;
	width:320px;
	text-align:center;
	line-height:40px;
	margin:0 auto;
	text-transform:uppercase;
	position:relative;
}
.other-month{
	background:rgb(200,200,200);
	color:rgb(150,150,150);
}
.current-month{
	color:rgb(225,225,225);
}
.other-month span, .current-month span{

    display: block;
    font-size: 60px;
    font-weight: bold;
    height: 90px;
    line-height: 135px;
    text-align: right;
    width: 90px;
}

.nav-prev a, .nav-next a{
	font-family:arial;
	color:rgb(127,76,35);
	font-size:20px;
	font-weight:bold;
	width:auto;
	text-align:center;
}
.nav-prev {
    float: left;
    margin: -25px 0 0 0px;
    position: relative;
}
.nav-prev a{
	margin:0 0 0 0px;
}
.nav-prev a:before{
	content:"< ";
}
.nav-next{
	float:right;
	position:relative;
	margin:-25px 0px 0 0;
}
.nav-next a{
	margin:0 0px 0 0;
}
.nav-next a:after{
	content:" >";
}
#theDate{
	font-size:120px;
	text-align:right;
	float:right;
	clear:right;
	display:block;
	color:rgb(112,158,179);
}



#calendarTasks {
    position: relative;
    float: right;
    width: 220px;
    top: 139px;
	margin:0 0 139px;
    right: 25px;
}
#taskSubmit, #taskDelete{
	float:left;
	display:block;
}

#accordion .ui-icon { display: none; }

#accordion .ui-accordion-header{
/*	padding:3px 0 3px 10px; */
}


#calendarPopup{
	position:absolute;
	background:rgb(255,0,0);
	width:220px;
	padding:25px;
	left:300px;
	top:100px;
	background:#709EB3;
    -webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px; 
	z-index:6;
}

.bold
{
    font-weight: bold;
}

.page_navigation a {
	padding:3px 5px;
	margin:2px;
	color:white;
	text-decoration:none;
	float: left;
	font-size: 12px;
	background:rgb(112, 158, 179);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px; 
}
.page_navigation .first_link, .page_navigation .previous_link, .page_navigation .next_link, .page_navigation .last_link {
	background:rgb(208,220,226);
	color:rgb(75,75,75);
}
.page_navigation a.active_page{
	background:#7F4C23;
	-webkit-box-shadow: 0px 0px 2px 2px rgba(112, 158, 179, .5);
	-moz-box-shadow: 0px 0px 2px 2px rgba(112, 158, 179, .5);
	box-shadow: 0px 0px 2px 2px rgba(112, 158, 179, .5); 
}

#taskPush
{
    float: left;
	width:340px;
}
#taskPush input
{
    width: 50px;
    display: inline;
}

#taskPushAdd
{
    border-bottom: 1px solid rgb(200,200,200);
	margin:0 0 5px;
}
.noSelect {
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	user-select: none;
	cursor:pointer;
}
::-moz-selection{
background: transparent;
} 

::selection {
background: transparent;
} 
input::-moz-selection, textarea::-moz-selection{
	background:#60391A;
	color:#fff;
}
input::selection, textarea::selection{
	background:#60391A;
	color:#fff;
}
#barDateLeft{
	position:absolute;
	right:3px;
	top:3px;
	white-space:nowrap;
	background:rgba(0,0,0,0.25);
	line-height:20px;
	padding:0 3px;

}
#barDateRight{
	position:absolute;
	right:3px;
	bottom:3px;
	white-space:nowrap;
	background:rgba(0,0,0,0.25);
	line-height:20px;
	padding:0 3px;
}

.chzn-select
{
    width: 100%;
}




.fileName {
    font-style: italic;
    font-size: 12px;
}
#paging_container_file .content li{
	margin:0 15px 15px 0;
	padding:10px 10px 10px 50px;
	float:left;
	width:275px;
	background: rgb(238,238,238);
	background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1)));
	background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
	background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
	background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
	background: linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; 
	border-bottom:1px solid rgb(255,255,255);
	position:relative;
}
#paging_container_file .content li:hover{
	border-bottom:1px solid rgb(150,150,150);
}
#paging_container_file .content .fileTitle{
	font-family:arial;
	font-size:16px;
	font-weight:bold;
}
.doc, .exe, .img, .pdf, .txt, .unknown {
    background-position: 5px 50%;
    padding-left: 40px;
}
.doc { background: url('/img/doc.png') no-repeat; }
.exe { background: url('/img/exe.png') no-repeat; }
.img { background: url('/img/img.png') no-repeat; }
.pdf { background: url('/img/pdf.png') no-repeat; }
.txt { background: url('/img/txt.png') no-repeat; }
.unknown { background: url('/img/unknown.png') no-repeat; }

#dragDropArea{
	float:left;
	width:180px;
	padding:15px 20px;
	background: rgb(186,200,211);
	background: -moz-linear-gradient(top,  rgba(206,220,231,1) 0%, rgba(89,106,114,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(206,220,231,1)), color-stop(100%,rgba(89,106,114,1)));
	background: -webkit-linear-gradient(top,  rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%);
	background: -o-linear-gradient(top,  rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%);
	background: -ms-linear-gradient(top,  rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%);
	background: linear-gradient(top,  rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=0 );
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px; 
	-webkit-box-shadow: 0px 0px 2px 2px rgba(100, 140, 160, .25);
	-moz-box-shadow: 0px 0px 2px 2px rgba(100, 140, 160, .25);
	box-shadow: 0px 0px 2px 2px rgba(100, 140, 160, .25); 
	color:rgb(255,255,255);
	margin:20px 0 0;
	font-size:10px;
	cursor:pointer;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.25);
}
.dragHover {
    background: rgb(89,106,114) !important;
	background: -moz-linear-gradient(top,  rgba(89,106,114,1) 0%, rgba(206,220,231,1) 100%) !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(89,106,114,1)), color-stop(100%,rgba(206,220,231,1))) !important;
	background: -webkit-linear-gradient(top,  rgba(89,106,114,1) 0%,rgba(206,220,231,1) 100%) !important;
	background: -o-linear-gradient(top,  rgba(89,106,114,1) 0%,rgba(206,220,231,1) 100%) !important;
	background: -ms-linear-gradient(top,  rgba(89,106,114,1) 0%,rgba(206,220,231,1) 100%) !important;
	background: linear-gradient(top,  rgba(89,106,114,1) 0%,rgba(206,220,231,1) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#596a72', endColorstr='#cedce7',GradientType=0 ) !important;
}
#dragDropArea h3{
	color:rgb(0,0,0);
	text-transform:uppercase;
	font-size:20px;
}
#fileupload{
	float:left;
	margin:15px 0 0;
	display:block;
	height:25px;
}
.page_navigation{
	clear:both;
	margin:15px 0 0;
}
span.icon{
	position:absolute;
	left:7px;
	top:14px;
	height:32px;
	width:32px;
}
#paging_container_file .content a{
	display:block;
	float:right;
}
#btnAddVendor{
	padding:5px;
	border:1px solid rgb(150,150,150);
	background:rgb(205,205,205);
	float:left;
	cursor:pointer;
	position:absolute;
	top:-32px;
	left:115px;
}
#btnPush{
	padding:5px;
	border:1px solid rgb(150,150,150);
	background:rgb(205,205,205);
	float:left;
	cursor:pointer;
	position:absolute;
	top:-32px;
	left:10px;
}
.containers{
	background:rgb(225,225,225);
	border:1px solid rgb(150,150,150);
	width:320px;
	float:left;
	margin:35px 0 0;
	position:relative;
	height:440px;
	padding:15px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
 #btnRemoveVendor{
	cursor:pointer;
}
.overline{
	border-top:1px solid #c8c8c8;
	margin-top:10px;
}
a.chzn-single span{

}
.btnSelected{
	background:rgb(225,225,225) !important;
	color:rgb(25,25,25) !important;
	border-bottom:1px solid rgb(225,225,225) !important;
}
#swapUpload, #fileupload{
	cursor:pointer;
	float:left;
	clear:both;
}
#projectList{
	float:left;
	width:150px;
	border-right:1px solid #555;
	padding:0 20px 20px 0;
	margin:0px
}
#userList{
	float:left;
	margin:0 0 0 20px;
	width:750px;
}
.project{
	margin:10px 0 0 10px;
}
.w25px{
	width:25px;
	margin:0 10px 0 0;
}
#vendorInfo{
	margin:10px 0;
	padding:10px 10px 10px 45px;
	background:rgb(245,245,245) url(/public/img/success.png) no-repeat 5px !important;
}
.result-selected, .chzn-single span{
	display:block;
	padding:3px 19px 3px 25px !important;
	background:rgb(245,245,245) url(/public/img/success1.png) no-repeat 5px !important;
}