/* style.css */
/* to change page colors, replace all instances of the primary colors below
#4E64AB is section header color [dark blue]
#2D4BAB is section header border [darker blue]
#FEF8E4 is section color [peach]
#F6E097 is section border [darker peach]
*/

body
{
	color: black;
	background: white;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
}

img {border: 0px;}

/* Task deadline not passed yet */
a.ex1:link, a.ex1:visited {color: black;}

/* Task deadline has passed */
a.ex2:link, a.ex2:visited {color: red !important; font-weight: bold;}

/* Task deadline today */
a.ex3:link, a.ex3:visited {color: black !important; font-weight: bold;}

/* Task completed */
a.ex4:link, a.ex4:visited {color: navy !important; font-weight: bold;}

/* Task quoted */
a.quoted:link, a.quoted:visited {background-color: magenta !important;}

/* div that contains framed pages to appear correctly in 800 X 600 resolution */
#container
{
	width: 622px;
	margin-left: 1px;
}

.sectionheader
{
	width: 100%;	
        color: white;
	background: navy;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin: 0px 0px 1px 0px;
	padding: 5px 4px 5px 4px;
	border: 1px solid #2D4BAB;
}

.section
{
	color: black;
	background: #FEF8E4;
	margin: 0px 0px 20px;
	padding: 1px 8px;
	border: 1px solid #F6E097;
	border-radius: 7pt;
}

/*fixes the peekaboo bug, do not remove! */

/* Hides from IE-mac \*/

* html .section {height: 1%;}
/* End hide from IE-mac */

/**************************************************************/
/* form style                                                 */
/**************************************************************/

#form_style fieldset {border: 0px; padding: 0px;}

#form_style .inputgroup label, #form_style .displaygroup span
{
	display: block;
	width: 116px;
	float: left;
	padding-left: 8px;
	white-space: nowrap;
}

/* keeps dropdown cells from getting too long when long strings are present */
#form_style .inputgroup select
{
	width: 200px ;
}

#form_style .inputgroup textarea
{
	width: 420px !important;
}

#form_style div {clear: both; padding: 2px 0px;}

/**************************************************************/
/* grid tables                                                */
/**************************************************************/
.gridtable
{
	background: white;
	border-collapse: collapse;
	margin: 1px 0px 0px 0px;
	width: 100%;
}

.gridtable caption
{
	color: white;
	background: navy;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	padding: 5px 4px 5px 4px;
	border: 1px solid #2D4BAB;
}

.gridtable th
{
	color: white;
	background: #4E64AB;
	border: 1px solid #2D4BAB;
	padding: 0px;
	white-space: nowrap;
}

.gridtable td
{
	border: 1px solid #F6E097;
	padding: 0px 3px;
	white-space: nowrap;
}

/* changes the hyperlink color for links in table headers on the welcome screen (ID, REQ, Task Subject...) */
.gridtable th a:hover, .gridtable th a:active, .gridtable th a:link, .gridtable th a:visited
{
	color: white !important;
	font-weight: bold;
	text-decoration: none;
}

/* makes all the links in a gridtable black */
.gridtable td a:hover, .gridtable td a:active, .gridtable td a:link, .gridtable td a:visited
{
	color: black;
	text-decoration: none;
}

/* highlights gridtable rows once you hover over them */
.gridtable tr:hover {background: #E5E5E5 !important;}
tr.current td {background: #E5E5E5 !important;}

/**************************************************************/
/* login/logoff screen styles                                 */
/**************************************************************/

/* div that contains the login logoff pages to appear correctly in 800 X 600 resolution */
#logincontainer
{
	width: 760px;
	border: 0px;
	margin: 5px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	text-align: justify;
}

#logincontainer li {margin-bottom: 20px;}

#login {padding-bottom: 0px;}

#login fieldset {border: 0px; margin: 0px; padding: 0px;}

#login .inputgroup { }

#login .inputgroup label, #login .inputradiogroup span
{
	display: block;
	width: 100px;
	float: left;
}

#inputsubmit
{
	display: block;
	width: 570px;
	float: right;
}

#login div {clear: both; padding: 2px 0;}

/**************************************************************/
/* header frame styles                                        */
/**************************************************************/

#blarge {
	background-image: url('images/breakevenhistory.png'); 
	background-repeat: no-repeat;
	width: 1700px; 
	height:300px; 
	margin-top: 20px; 
	margin-left: 0px; 
	position: absolute; 
	z-index:9; 
	display: none;
}

#qlarge {
	background-image: url('images/quoteaccuracy.png'); 
	background-repeat: no-repeat; 
	width: 1655px; 
	height:640px; 
	margin-top: 20px; 
	margin-left: 50px; 
	position: absolute; 
	z-index:9; 
	display: none;
	
}	


#shlarge {
	background-image: url('images/saleshistory.png'); 
	background-repeat: no-repeat; 
	width: 1205px; 
	height:505px; 
	margin-top: 40px; 
	margin-left: 300px; 
	position: absolute; 
	z-index:9; 
	display: none;
	
}	

.erlarge {
	background-image: url('images/emprevenue.png'); 
	background-repeat: no-repeat; 
	width: 840px; 
	height:555px; 
	margin-top: 20px; 
	margin-left: 400px; 
	position: absolute; 
	z-index:9; 
	display: none;
	border-style: solid; 
	border-width: 1px; 
	border-color:navy;
	background-color: rgba(0, 0, 0, 0.5);
}	

#prglarge {
	background-image: url('images/timecat.png'); 
	height:760px;
	width: 845px;
}	

#revlarge {
	background-image: url('images/revenue9010.png'); 
	height: 630px;
	width: 735px;
}	



#taskasaplogo
{
	position: absolute;
	left: 0px;
	top: 0px;
}

#logo
{
	position: absolute;
	right: 3px;
	top: 3px;
}

/**************************************************************/
/* menu frame style                                           */
/**************************************************************/

#mainMenu
{
	width: 150px;
	white-space: nowrap;
}

/* make sure the hyperlinks in the menu don't change their look after being clicked */
#mainMenu a:hover, #mainMenu a:active, #mainMenu a:link, #mainMenu a:visited
{
	color: black;
	text-decoration: none;
}

#menuList
{
	margin: 0px;
	padding: 20px 0px;
}

li.menubar
{
	background: url('/images/plus.gif') no-repeat 0em 0.3em;
	font-size: 13px;
	line-height: 1.5em;
	list-style-type: none;
	list-style-position: outside;
}

.menu
{
	display: none;
	margin-left: 15px;
	padding: 0px;
}

.menu li
{
	background: url('/images/square.gif') no-repeat 0em 0.3em;
	list-style-type: none;
	list-style-position: outside;
}

a.actuator
{
	background: transparent;
	font-size: 13px;
	padding-left: 15px;
	text-decoration: none;
}

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

.menu li a
{
	background: transparent;
	font-size: 12px;
	padding-left: 15px;
	text-decoration: none;
}

.menu li a:hover {text-decoration: underline;}

span.key {text-decoration: underline;}

/**************************************************************/
/* set all categories styles                                  */
/**************************************************************/

/* constrains the table size of the page where you set categories */
#categories {width: 100% !important;}

/* need this to constrain long strings in dropdowns on the page where you set categories */
#categories select {width: 190px !important;}

/**************************************************************/
/* user picture styles                                        */
/**************************************************************/

#picture
{
	display: inline;
	float: right;
}
#picturesibling
{
	display: inline;
	float: left;
}

/**************************************************************/
/* welcome page styles                                        */
/**************************************************************/

/* dropdown list of clients on the left side of the sectionheader */
#client
{
	margin-left: 0px;
	margin-top: 0px;
	float: left;
}

/* title in the middle of the sectionheader */
#active-tasks
{
	margin-left: 10px;
	margin-top: 0px;
	float: left;
	width: 460px;
}

/* dropdown list of assignees on the right side of the sectionheader */
#assignee
{
	margin-right: 0px;
	margin-top: 0px;
	float: right;
}
#projectlink:link, #projectlink:visited {color: white !important;}
#projectlabel
{
	margin-left: 10px;
	margin-top: 0px;
	float: left;
	width: 300px;
}

#form_style .timedropdown option, #form_style .timedropdown
{
	width: 45px !important;
}