/* CSS-creator: Linus Trensare - Construct IT */

@import url("globalTags.css");
@import url("siteSettings.css");


body#printApplication 
{
	background:none !important;
	font-size:0.95em;
}

@media print {
    body#printApplication { background:none !important; font-size:1em; }
  }
  
@media screen {
     body#printApplication { background:none !important; font-size:11px; }
  }





#applicationNavigation
{
	margin-bottom: 20px;
}
#applicationStatus
{
}
#mainContent 
{
}

/* Used on labels for required fields */
.required 
{
    padding-right: 10px;
    background: url(../images/icons/iconMandatory.png) no-repeat top right;
}
.validationError
{
	display: block;
	clear: both;
	color: #ff0000;
}

.formCaption
{
    display: inline;
    position: relative;
    background-color: White;
    font-family: arial;
    font-size: 18px;
    top: -10px;
}
.form
{
    border-top: solid 3px yellow;
    border-left: none;
    border-right: none;
    border-bottom: none;
    width: 100%;
}

/*
.panel
{
    margin-bottom: 20px;
    border-top: solid 1px blue;
    border-left: none;
    border-right: none;
    border-bottom: none;
    width: 100%;
}
*/


.panelOutlined
{
    border: groove 1px gray;
}

.panelCaption
{
    display: inline;
    position: relative;
    background-color: White;
    top: -7px;
}


.panelElementFullWidth
{
    position: relative;
    width: 100%;
    clear: left;
}

.panelElementLeft
{
    position: relative;
    width: 49%;
    float: left;
    clear: left;
}

.panelElementRight
{
    position: relative;
    width: 49%;
    float: right;
    clear: right;   
}

.panelButtonsRight 
{
    text-align: right;
    position: relative;
    width: 49%;
    float: right;
    clear: right;
}


.panelElementButtons
{
    text-align: right;
    position: relative;
    width: 100%;
    float: left;
    clear: left;
}
.wide
{
    width:98%;
}

#applicationNavigation ol
{
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

#applicationNavigation ol li
{
	padding-right: 25px;
	line-height: 25px;
}

#applicationNavigation ol li.active a
{
	color:Black;
}

#applicationNavigation ol li.completed
{
	background: url(../images/icons/completed.png) no-repeat right 3px;
}

#applicationNavigation ol li.incomplete
{
	background: url(../images/icons/incomplete.png) no-repeat right 3px;
}

/* Print Application */
.printApplication
{
	font-weight:bold;
}

/* Project Area  */
.projectAreaBox
{
	display: inline; 
    position: relative; 
    background-color: White; 
    top: -7px;
	border: solid 1px black;
	padding:5px 5px 5px 5px;
}

/* Case layout */
#title 
{
}    
#statusNavigation
{
}
#caseLeft
{
    position: relative;
    width: 29%;
    float: left;
}
#caseRight
{
    position: relative;
    width: 70%;
    float: right;
}

.projectAreaTab
{
    float: left;
    padding: 10px 5px 2px 5px;
}

.projectAreaTabSelected
{
    float: left;
    padding: 10px 5px 2px 5px;
    color: Black;
    font-weight: bold;
}

#projectArea100
{
    width: 100%;
    float: left;
}

#projectArea50Left 
{ 
    width: 49%; 
    float: left; 
}
#projectArea50Right 
{ 
    width: 49%; 
    float: right; 
}

#projectArea30Left 
{ 
    width: 29%; 
    float: left; 
}
#projectArea70Right 
{ 
    width: 70%; 
    float: right; 
}

#projectArea60Left 
{ 
    width: 59%; 
    float: left; 
}
#projectArea40Right 
{ 
    width: 40%; 
    float: right; 
}

#projectArea40Left 
{ 
    width: 39%; 
    float: left;
}
#projectArea60Right 
{ 
    width: 60%; 
    float: right;  
}

#projectAreaTimeLeftPlanned
{
    width: 43%;
    float:left;
}
#projectAreaTimeMiddlePlanned
{
    width: 10%;
    float:left;
    padding-top: 20px; 
    text-align:center;
}
#projectAreaTimeRightPlanned
{
    width: 43%;
    float:Right;
}

#projectAreaTimeLeft
{
    width: 43%;
    float:left;
}
#projectAreaTimeMiddle
{
    width: 10%;
    float:left;
    padding-top: 20px; 
    text-align:center;
}
#projectAreaTimeRight
{
    width: 43%;
    float:Right;
}


/* RadTab */
.RadTabStrip_Default
{  
    color: #fff;

}

.RadTabStrip_Default .innerWrap
{    
	background-color: #efefef;
	padding: 5px 10px 5px 10px;
	margin: 1px;	
}

.RadTabStrip_Default .selected .wrap .innerWrap,
.RadTabStrip_Default .selected,
.RadTabStrip_Default .selected:hover
{
	color: #333;
	background-color: #dddddd;
	margin: 1px;
}







body#printApplication 
{
	/*font-family:font-family:Georgia, 'Times New Roman', Times, serif;*/
}


body#printApplication .caseNumber 
{
	border: solid 1px black;
	padding:3px;
}

body#printApplication h1 
{
	font-size:20px;
}

body#printApplication h2 
{
	font-size:15px;
	color:black;
	margin-top:25px;
}

body#printApplication h3 
{
	font-size:13px;
	color:black;
	margin-top:20px;
}

body#printApplication #head, body#printApplication #footer 
{
	font-size:11px;
	font-family:Arial,Helvetica,sans-serif;
}


table.printLayoutTable 
{
	width:100%;
	margin-bottom:7px;

}

table.printLayoutTable td
{
	width:auto;
	padding-bottom:7px;
	border:0px;
}

table.printLayoutTable span.signature
{
	border-top:solid 1px black; 
	margin-top:20px; 
	font-size:11px;
	font-family:Arial,Helvetica,sans-serif;
	padding-top:2px; 
	width:90%; 
	display:block;
}

table.printLayoutTable .label
{
	text-align:right;
	padding-right:10px;
	font-size:13px;
	font-weight:bold;
	vertical-align:top;
	width:25%;
}

table.printLayoutTable .details
{
	text-align:left;
	font-size:13px;
	font-weight:normal;
	vertical-align:top;
	width:25%;
}

table.printLayoutTable .wide
{
	text-align:left;
	font-size:13px;
	font-weight:normal;
	vertical-align:top;
	width:75%;
}