/* General Settings */

html { 
	/*overflow-y: scroll; */
	overflow:-moz-scrollbars-vertical;	
	overflow-x: hidden;
	overflow: overflow:-moz-scrollbars-vertical;
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
}

body{
	text-align: center;
	
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: transparent;
}

body#nav{
	text-align: center;
	background-image: url(images/soreconnect_bg.png);
	background-repeat: repeat-y;
	background-position: center;
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #CCCCCC;
}

.bodyBGLeft{
	background-position: left;
}

.bodyBGCenter{
	background-position: center;
}

h1{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	
}
h2{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}

h3{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	
}


/* Table Settings */

table{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}


/* Image Settings */

img{
	border: 0px;
}


/* Links Settings */

a:link{
		text-decoration: none;
		color: gray;
}
a:visited{
		color: gray;
		text-decoration: none		
}	
a:hover{
	color: black;
	text-decoration: underline;
}
a:active{
		color: gray;
		text-decoration: none;
}


/* Resulttable Settings */

.resultTbl{
	border:none;
}

.resultTbTitle{
	background-color: #FBFBFB;
	border: 1px solid #B1B1B1;
}

.resultTbl0{
	background-color: #D2DCE4;
}

.resultTbl1{
	background-color: #E8ECEE;
}

.resultIcon{
	text-align: center;
	width: 20px;
}

.resultDate{
	text-align: center;
	width: 100px;
}

.resultNumber{
	text-align: right;
}

.resultNumberCenter{
	text-align: center;
}

.resultText{
	text-align: left;
	padding-left: 5px;
}

/* -----------------------------------------------------------
Navigation Style
----------------------------------------------------------- */
.navigationBody {
	margin: 0;
	padding: 6px 0 0 0;
	background-color: #FBFBFB;
	background-image: url(images/navigation/background.jpg);
	background-repeat: repeat-x;
}

.navigationTable: {
	margin: 0;
	padding: 0;
	height: 19px;
	vertical-align: top;
}

.navigationTab {
	margin: 0 5px 0 0;
	padding: 0;
	height: 19px;
	vertical-align: top;
	cursor: pointer;
}

.navigationTabEnd {
	width: 4px;
}

.middleOff {
	background: url(images/navigation/off_middle.jpg) repeat-x;
}

.leftOff {
	background: url(images/navigation/off_left.jpg) no-repeat;
}

.rightOff {
	background: url(images/navigation/off_right.jpg) no-repeat;
}

.navigationTabLink:link {
	color: black;
	text-decoration: none;
	padding: 1px 5px 3px 5px;
}

.navigationTabLink:visited {
	color: black;
	text-decoration: none;
	padding: 1px 5px 3px 5px;
}	

.navigationTabLink:active {
	color: black;
	text-decoration: none;
	padding: 1px 5px 3px 5px;
}

.navigationTabLink:hover {
	color: black;
	text-decoration: none;
	padding: 1px 5px 3px 5px;
}

/* Toolbar Settings */

.toolbarBody{
	background-color: #FBFBFB;
}
.toolbarLayer{
	top: 1px;
	left: 10px;
	width: 98%;
	border: none;
}

.toolbarTableLayer{
	width: 100%;
	top: 5px;
	left: 0px;
	border:none;
}

.toolbarTable{
	border:none;
	width: 100%;
}

.toolbarTDLeft{
	background-image: url(images/toolbar/left.jpg);
	background-repeat: no-repeat;
	height: 25px;
	width: 4px;
}
.toolbarTDRight{
	background-image: url(images/toolbar/right.jpg);
	background-repeat: no-repeat;
	height: 25px;
	width: 7px;
}
.toolbarTDCenter{
	background-image: url(images/toolbar/center.jpg);
	background-repeat: repeat-x;
	height: 25px;
	width: 100%;
}

/* Caption Settings */

.captionTable{
	border: 2px solid Black;
	width: 100%;
}

.captionTDLeft{
	background-image: url(images/blackLine.jpg);
	background-repeat: no-repeat;
	height: 15px;
	width: 10px;
}


/* Form Settings */

form{
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}


/* Input Settings */

INPUT{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: 1px solid gray;
}

INPUT.small_INPUT	{	width: 112px;	}
INPUT.medium_INPUT	{	width: 224px;	}
INPUT.wide_INPUT	{	width: 336px;	}
INPUT.huge_INPUT	{	width: 500px;	}
INPUT.output		{	width: 224px; border: 0; }

INPUT.checkbox_INPUT	{	border: 0 solid #ffffff;	}

INPUT.radio_INPUT	{	border: 0 solid #ffffff;	}


/* Textarea Settings */

TEXTAREA	{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:normal;	
	font-size:9px;
	color:#000000;
	border: solid 1px #888888;
	letter-spacing : 1px;
}

TEXTAREA.small_TEXTAREA		{	width:	112px;	}
TEXTAREA.medium_TEXTAREA	{	width:	224px;	}
TEXTAREA.wide_TEXTAREA		{	width:	336px;	}
TEXTAREA.huge_TEXTAREA		{	width:	500px;	}
TEXTAREA.full_TEXTAREA		{	width:	80%;		}


/* Select Settings */

SELECT{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: 1px solid gray;
	width: 300px;
}

SELECT.small_SELECT		{	width:	112px;	}
SELECT.medium_SELECT	{	width:	224px;	}
SELECT.wide_SELECT		{	width:	336px;	}


/* Content Frame Settings START */

.contentBody{
	padding-top: 6px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	background-color: #FBFBFB;
}

.contentTable{
	padding-top:2px;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	border-top: none;
}

.contentTabLayer{
	top: 4px;
	left: 0px;
	width: 600px;
	padding-top: 2px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
}
.contentTabBackground{
	top: 5px;
	left: 0px;
	width: 100%;
}

.contentTopNavigationTable{
	height: 20px;
	border-bottom: solid 1px #CCCCCC;
	vertical-align: bottom;
	width: 100%;
}

/* Call Process Settings */

.bold {
	font-weight: bold;
}

.visible_NO	{
	display: none;
}

.errorMsg	{
	color: Red;
	font-weight: bold;
}

.infoMsg	{
	color: Green;
	font-weight: bold;
}

table.summary	{
	/*border: 1px solid #B1B1B1;
	background-color: #E8ECEE;*/
}

table.information	{
	border: 1px solid #B1B1B1;
}

/* Indiv Data */

.indivHeader	{
	font-size: 15px;
	font-weight: bold;
	background-color: #E2E2E2;
}

.hand {
	cursor:pointer;
	}

.help {
	cursor:help;
	}
	
/* Indiv Navigation */

a.navigation {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
a.navigation:link	{
	color: #000000;
}

a.navigation:visited	{
	color: #000000;
}

a.navigation:hover	{
	color: #000000;
}


/* START BOX SETTINGS*/
div#RootHeader {
	text-align: center;
	position:relative;
	margin:auto;
	background-image: url(images/soreconnect_header.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 996px;
	height: 193px;
	top: -1px;
	z-index:10;
	left: 0px;
}



div#Content {
	position: relative;
	margin: auto;
	left: 1px;
	Width: 978px;
	/* height: 20px; */
	top: 0px;
	z-index: 7;
	/*border: 2px red solid;*/
	padding: 0;
	text-align: left;

}

div#ContentNavigation {
	position: absolute;
	left: 10px;
	top: 5px;
	width: 150px;
	/*	height: 20px; */

}

div#ContentToolbar{
	position: absolute;
	left: -8px;
	right: -8px;
	top: 2px;
	margin-left: 180px;
	width: 806px;
	
}

div#ContentTitle{
	position: absolute;
	margin-left: 180px;
	left: 0px;
	top: -30px;
	width: 550px;
	text-align: left;
	/*border: 1px blue solid;*/
	/*	height: 20px; */
}

div#ContentContent{

	position: relative;
	margin-left: 180px;
	/*top: 40px;*/
	/*	height: 20px; */
	width: 790px;
	/*border: 1px green solid;*/
	font-weight: normal;
	color: black;
	text-align: left;
}

/* END BOX SETTINGS*/


/* Developer process styles */

.bold 
{
	font-weight: bold;
}

.errorMsg 
{
	color: red;
	font-weight: bold;
}

.infoMsg 
{
	color: green;
	font-weight: bold;
}

.categoryCaption 
{
	margin-top: 7px;
	border-bottom: 1px #e1e4e9 solid;
	/*border-top: 1px #e1e4e9 solid;*/
	padding-bottom: 4px;
	padding-top: 4px;
	display: block;
	font-weight: bold;
	font-size: 11px;
	font-variant: small-caps;
}

p.categoryCaption 
{
	text-align: left;
	margin-bottom: 5px;			
}


.fieldDesc 
{
	vertical-align: top;	
	background-color: #F7F7F7;	
}

.commentHeader td 
{
	font-size: 10px;	
	color: gray;
	border-bottom: 1px solid gray;
	padding-bottom: 2px;		
}

pre.code
{
	margin: 0px;
	padding: 0px;
	font-size: 10px;
}

table p
{
	padding: 0px;
	margin: 0px;
}

/* Message Style */

.messages 
{
	margin: 0 2px 4px 2px;
	padding: 10px 10px 10px 40px;
	font-weight: bold;	
	text-align: left;
}

.error 
{	
	background: #FFEBE3 url(images/messages/error.gif) 8px 5px no-repeat;
	border: 1px solid #DE2121;
	color: #DE2121;
}

.success 
{
	background: #EFF6EA url(images/messages/success.gif) 8px 5px no-repeat;
	border: 1px solid #2C9C3B;
	color: #2C9C3B;
}

.info 
{
	background: #CCEBFF url(images/messages/info.gif) 8px 5px no-repeat;
	border: 1px solid #0057BE;
	color: #0057BE;
}

div.InfoTooltip
{
	position: absolute;		
	/*border: 2px blue solid; 
	border-left: 2px blue solid; 
	border-right: 2px blue solid; 
	border-bottom: 2px blue solid; */
	width: 550px;
	z-index: 100;
	background-color: #FFFFFF; 
}

td.ToolTipContentCell
{
	border-left: 2px blue solid; 
	border-right: 2px blue solid; 
	border-bottom: 2px blue solid; 
	overflow: hidden;
	background-color: #FFFFFF; 
}

td.ToolTipContentCell td
{
	/*border-top: 1px solid #F7F7F7;*/
	border-bottom: 1px solid #F7F7F7;
}

div.InfoTooltip td.fieldDesc
{
	/*border-top: 1px solid white;*/
	border-bottom: 1px solid white;
}

div.IssueInfoTooltip
{
	position: absolute;	
	background-color: #FFFFFF; 
	border: 2px blue solid; 
	width: 550px;
	overflow: hidden;
}

div.IssueInfoTooltip td
{
	/*border-top: 1px solid #F7F7F7;*/
	border-bottom: 1px solid #F7F7F7;
}

div.IssueInfoTooltip td.fieldDesc
{
	/*border-top: 1px solid white;*/
	border-bottom: 1px solid white;
}