/*
Stylesheet for 3DSS 

This document contains styles specific to 3DSS.

Some additional "generic" styles also found in mit.css (and common.css for now, 
but please migrate those to mit.css and 3dss.css)


main colours:

3dss light blue:	#2EC0E4
3dss icon red:		#D00010



Candidates for a "wide.css:"
	body{padding-right:0px}
	.inactiveLink {text-decoration:none; color:Gray;}
	#showHideMenu a.help {background:url(../images/rr/ico/16/help16.gif)left top no-repeat;
*/



/*
Hijacks
*/




/*
General
*/

/*
body
{
	padding-right:10px;	
}
*/

a
{
	margin-top:4px;	
}

h1
{
	color:#333; 
	font-size:1.35em; 
	margin:0.3em 0em 1em 0em;
	height:2.3em;
	clear:both;
}

/*
	color:#333; 
	font-size:1.35em; 
	margin:0.3em 0em 1em 0em;
	height:2em; 
	line-height:2.7em; 
	clear:both;

h1 img { float:left; margin-top:1px; width:32px; height:32px; margin-left:10px; margin-right:10px; display:inline;}
*/
h1 img 
{
	width:32px; 
	height:32px;
	position:relative;
	top:4px;
	margin-left:5px;
	margin-right:0.3em;
}

h1.userAgent {}
h1.userAgent img {width:37px; margin-left:8px; margin-right:7px}

h5, th
{
	font-size:1em;
	font-weight:bold;
}

.narrowPage h1
{
	background-image: url(../images/h1bg.jpg);
}



table.settings tr th
{
	padding:0px 2px;
}


/*
Page Containers
*/


/* 
Header 
*/


/* header tab */
#header #Tab {position:absolute; bottom:0; right:0; height:39px; background:url(../images/rr/topTabBody.jpg) left top repeat-x scroll; width:28em; } 
#header #Tab #leftTabCorner{ padding:0; padding-left:50px;  background:url(../images/rr/topTabLeft.jpg) left top no-repeat; height:39px;}
#header #Tab #rightTabCorner{ background:url(../images/rr/topTabRight.jpg) right top no-repeat scroll; height:39px;}
#header #Tab a {color:#2EC0E4; font-weight:bold;}
#header #Tab a:hover, #header #Tab a:active, #header #Tab a:focus {color:#FF6600; }

#header #Tab a.modAccSet {background:url(../images/rr/ico/16/accountsettings16.gif) left 10px no-repeat; height:39px; line-height:39px; display:inline; float:right;  margin-right:0px; padding-left:20px;width:13em}
#header #Tab a.myTasks 
{
	background:url(../images/rr/ico/16/systemtasks16.gif) left 10px no-repeat;
	height:39px;
	line-height:39px;
	display:inline;
	float:right;
	padding-left:20px;
	margin-right:20px;
	width:5em;
}

#header #Tab a.headerLink
{
	margin-top:8px;	
}


















/* The main content container */ 
#container
{
	text-align: left;
	background:#fff;
	position:relative;
	padding:0px;

	/* so it contains floats properly */
	overflow: hidden;
	width: 100%;

}

.widePage #container 
{ 	
	/*width: 98%; */
	margin: 0px 10px 0px 1em; 
	min-width:1194px;
}
 
.narrowPage #container 
{
	width:670px; 	
	margin:0px auto; 
} 

/* bodywraps hold nice little shadowy borders to make #container look less boxy */
#bodyWrapLeft
{
	background: url(../images/rr/bgr_LeftBody.gif) repeat-y;
	margin-top:0px;
	min-height:590px;
}

#bodyWrapRight
{
	background: url(../images/rr/bgr_RightBody.gif) repeat-y right; 
	margin-left:4px; 
	padding-bottom:1px;
	min-height:590px;
	
	/*
	height:100%;
	*min-height:590px;		/* ie only */
}

/*	background-color:azure;				border:dotted 1px red;		*/
/**html #bodyWrapRight 
{
	height:590px; /* 570 must match min-hight above - adjust these if you get squareness just above copyright notice */
/*}
*/

/* inner page container, around all of the text and controls on page */

#contentBox
{
	padding:14px 22px;	
}

/*
.widePage #contentBox
{
	padding:1.4em;
}*/

#breadcrumbs 
{
	font-weight:bold; 
	color:#999; 
	margin:0px;
}



/*main page content container */
#mainContent
{
	margin:0px;
}

.narrowPage #mainContent 
{
	width:618px;
}




/* innermost of page containers, right around actual text and controls on page */
.mainContentWrap
{
	/* margin:22px 43px; */
}


.formtitle
{
	margin: 1em 0em 0.5em 0em;
	
	/*height:2em;
	position:relative;
	top:-0.5em;
	*/
}



div.pressable span span
{
	font-weight:bold;
	color:#2EC0E4;
	/* text-decoration:underline; */
}





.clearfloat 
{
	clear:both;
	height:0px;
}
/**/


/* ===FOOTER ===*/
#footer 
{
	/*position:relative;
	top:10px;
	*top:0px;	ie only*/
	
	padding: 0px;
	background:#A2A4A5 url(../images/rr/bgr_footer.jpg) left top repeat-x; 
	height:67px; 
}

#footer #cornerLeftFooter{ position:absolute; left:0; z-index:3;}
#footer #cornerRightFooter{ position:absolute; right:0; z-index:3;}
#footer p {margin: 0 20px 0 20px;	padding: 10px 0; color:#FFF; }
#footer p a 
{
	color:#FFF; text-decoration:none; font-weight:normal;
}
#footer p a:hover, #footer p a:active, #footer p a:focus 
{ 
	color:#FFF; 
	text-decoration:underline;
}











.icontextlink
{
	position:relative;
	bottom:0.2em;	
	cursor:pointer;
}




/* 
Image buttons 
*/

.button
{
	width:81px; 
	height:19px;
	border:none;
}
/*
 .add:hover
{
	cursor:pointer;
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
}
*/
.add 
{
	background:url(../images/rr/btn/btn_Add.jpg);
}
input.edit 
{
	background:url(../images/rr/btn/btn_Edit.jpg);
}
input.new
{
	background:url(../images/rr/btn/btn_New.jpg);
}
input.save 
{
	background:url(../images/rr/btn/btn_Save.jpg);
}
input.saveas
{
	background:url(../images/rr/btn/btn_SaveAs.jpg);
}
input.saveastemplate
{
	background:url(../images/rr/btn/btn_SaveAsTemplate.jpg);
	width:102px;
}
input.cancel 
{
	background:url(../images/rr/btn/btn_Cancel.jpg);
}
input.delete 
{
	background:url(../images/rr/btn/btn_Delete.jpg);
}
input.next 
{
	background:url(../images/rr/btn/btn_Next.jpg);
}
input.back 
{
	background:url(../images/rr/btn/btn_Back.jpg);
}
input.print 
{
	background:url(../images/rr/btn/btn_Print.jpg);
}
input.submit 
{
	background:url(../images/rr/btn/btn_Submit.jpg);
}
input.reset
{
	background:url(../images/rr/btn/btn_Reset.jpg);
}
input.upload
{
	background:url(../images/rr/btn/btn_Upload.jpg);
}
input.nextrole
{
	background:url(../images/rr/btn/btn_NextRole.png);
}
input.ok
{
	background:url(../images/rr/btn/btn_Ok.png);
}



/* never used, as we now use opacity to signify disabled automatically? 
	if delete, delete the images too	 
input.btnNewDisabled {width:81px; height:19px; background:url(../images/rr/btn/btnDisabled_New.jpg);cursor:default;}
input.btnDeleteDisabled {width:81px; height:19px; background:url(../images/rr/btn/btnDisabled_Delete.jpg); cursor:default;}
input.btnNextDisabled {width:81px; height:19px; background:url(../images/rr/btn/btnDisabled_Next.jpg); cursor:default;}
input.btnBackDisabled {width:81px; height:19px; background:url(../images/rr/btn/btnDisabled_Back.jpg); cursor:default;}
	*/






/*
Pop-ups
*/

/*
small user messages (like js "alert()")
*/
div#ModalMessageDiv
{
	padding: 1em;
	min-height: 40px;
	text-align: left;
}


.modal
{
	padding: 10px;
	background-color: White; 
	border: solid 1px Gray;
	width: 70%;
}

.modaltitle
{
	margin: 0px;
	padding: 0px;
	width:100%; 
	text-align:center;
	clear:none;
}

.jquimodal h1
{
	font-size:12px;	
	border:none;
}

.jquimodal *
{
	text-align:left;	
}

.jquimodal h1,h2,h3,h4,h5,h6
{
	text-align:left;
	color: #333;	/* #2EC0E4; */
	margin:1.25em 0em 0.5em 0em;
}

.jquimodal .grid
{
	width: 100%;
}

/*
div.jquimodal table.grid th,
div.jquimodal table.grid td
{
	padding-bottom:2px;
	margin-bottom:2px;
}
*/

table.grid tr th
{
	color:#000;	/* #2EC0E4; */
}

.column h5
{
	color:#2EC0E4;
}










/*
Subsection Welcome Pages 
(the content that shows on the right when you click on e.g.: "Consultation")
*/

.welcomeContent
{
	padding: 0em 1em;
	margin: 0em 1em;
}

.welcomePageTitle
{
	font-size:1.37em;
}

.welcomePageSubTitle
{
	font-size:1.27em;
}

.welcomePageContent
{
	font-size:1em;
}







/*
LeftMenu (the form sections menu)		height:460px; border-bottom: dotted 1px #aaa;
*/

#LeftMenu
{
	width:300px;
	display:block;
	margin-right:1em;
}



a.leftmenuitem
{
	display:block;
	background-color: White;
	background-position:right 7px;
	background-repeat:no-repeat;
	width:100%;
	color:#2EC0E4;
	text-decoration:none;
	text-indent:0.5em;
	border-radius: 0px;
	font-weight:300;
}

a.leftmenuheader.ui-accordion-header
{
	background-color: #F0F0F0;
	border-top: dotted 1px #aaa;
	border-bottom: dotted 1px #aaa;
	border-left:none;
	border-right:none;
	color:#333;
	padding-top:0.3em;
	padding-bottom:0.3em;
	margin-top:0px;
	margin-bottom:0px;
}

div.leftmenupane.ui-accordion-content
{
	border:none;
	padding:0px;
	margin-top:0px;
}

a.published 
{ 
	background-image: url(../images/rr/ico/dotGreen.gif);
}
a.complete 
{
	background-image: url(../images/rr/ico/dotBlue.gif);
}
a.forreview 
{
	background-image: url(../images/rr/ico/dotYellow.gif);
}
a.incomplete 
{
	background-image: url(../images/rr/ico/dotRed.gif);
}

/* headers have exactly the same coloured dot images, EXCEPT with edges blended for grey background. must be a better way to do this. */
a.leftmenuheader.published 
{ 
	background-image: url(../images/rr/ico/dotGreen_G.gif);
}
a.leftmenuheader.complete 
{
	background-image: url(../images/rr/ico/dotBlue_G.gif);
}
a.leftmenuheader.forreview 
{
	background-image: url(../images/rr/ico/dotYellow_G.gif);
}
a.leftmenuheader.incomplete 
{
	background-image: url(../images/rr/ico/dotRed_G.gif);
}



/* for spans and things that aren't buttons or links but have an onclick */
span.pressable
{
	color:#2EC0E4;
}





/* Dynamic form renderer */

.formsManagerDateField
{
	border:solid 1px #bbb;
	width:7em;
	color:#555; 
	padding-left:3px;
}

.formsManagerSignatureField
{
	border:solid 1px #bbb;
	width:11em;
	background-color:#eee;
}







/*
JQUERY UI - Fixes for odd jQuery UI css
*/
.ui-widget-content a 
{
	color:#2EC0E4;
}

div.ui-icon-gripsmall-diagonal-se
{
	float:right;	
}