/*--- Outer Layout ---*/
#StartCenterMainDiv{
	width                      : 100%;
}

#WestDiv{
	float                      : left;
}

#CenterDiv{
	width                      : 64%;
	float                      : left;
}

#EastDiv{
	width                      : 34%;
	float                      : right;
	border-left                : 1px solid #CFCFCF;
	padding-left               : 7px;
}

#SouthDiv{
	clear                      : both;
}

/*--- Panel Layout ---*/

.MainPanel {
	width                      : 100%;
	position                   : relative;
}

.SubPanel {
	width                      : 100%;
}

.SCPanel {
	padding-left               : 5px;
	width                      : 100%;
}

.SCHeader{
	border-bottom              : 1px solid #00CED1;
	font-weight                : bold;
	height                     : 20px;
	width                      : 100%;
	cursor                     : default;
}

.SCHIcon{
	width                      : 20px;
	float                      :left; 
	background                 :url('images/Panel.png');
	background-repeat          : no-repeat;
	height                     :20px;
}

.SCHTitle{
	color                      : #3B7C9F;
	float                      : left;
	font-family                : trebuchet MS;
	font-size                  : 13px;
	padding-left               : 10px;

}

.SCPanelData{
	width                      :100%;
	margin-top                 : 5px;
}

.SCTicketAssignedTitle{
	color                      : #6D8E9F;
	font-family                : trebuchet MS;
	font-weight                : bold;
	padding-left               : 15px;
	text-decoration			   : underline;
	cursor					   : pointer;
	margin-left				   : 10px;
	width					   : 85px;
}

.SCAssignedByMeImg {
	padding-left 			   : 50px;
	background-image		   : url(../General/Images/Dashboard/Assigned_By_Me.png);
	background-repeat		   : no-repeat;
	background-position		   : top center;
	width					   : 20px;
	height					   : 20px;
	float					   : left;
}

.SCAssignedToMeImg {
	padding-left 			   : 50px;
	background-image		   : url(../General/Images/Dashboard/Assigned_To_Me.png);
	background-repeat		   : no-repeat;
	background-position		   : top center;
	width 					   : 20px;
	height					   : 20px;
	float					   : left;
}



.SCContentTable{
	width 					   : 100%;
}

.SCContentTable tr th{
	background                 : url('../../VdfAjaxLib/HDE/List/GridHeader.gif');
	border-right               : 1px solid #DFDFDF;
	border-left                : 1px solid #DFDFDF;
	color                      : #000000;
	height                     : 21px; 
	cursor                     : default;
}

.SCContentTable tr td{
	border-bottom              : 1px solid #DFDFDF;
	border-right               : 1px solid #DFDFDF;
	border-left                : 1px solid #DFDFDF;
	height                     : 21px; 
	cursor                     : default;
	color 					   : #696969;
}

.SCMyTicketLink,.SCMyTicketLink:active,.SCMyTicketLink:visited{
	color                      : #696969;
}

.SCMyTicketLink:hover{
	text-decoration            : underline;
	color 					   : #26A9F7;
}

.SCPanelFooter{
	height                     : 20px;
	width                      : 100%;
	margin-top                 : 10px;
	margin-bottom              : 5px;
	text-align                 : right;
}

.SCPanelFooter a{
	padding-left               : 10px;
	color                      : #87CEFC;
} 
/* Graph css*/
.scGraph{
	padding-top				   : 5px;
	*height					   : 138px;
}
.scGraphTable{
	margin-left                : auto;
	margin-right               : auto;
	width					   : 325px;
}
.scGraphTable caption {
	height                     : 17px;
	margin-bottom              : 10px;
	padding-left               : 10px;
	text-align                 : left;
	background-color           : #ADD8E6;
}

.scGraphLabel{
	color                      : #32ADF1;
	text-align                 : left;
	border-bottom              : 1px solid #F2F2F2;
	width					   : 130px;
}
.scGraphCount{
	color                      : #FF8C66;
	width					   : 23px;
	text-align				   : right	;
}
.scGraphSpacer{
	width                      : 10px;
}
.
.scGraphPercentage{
	width                      : 100px;
	border-bottom              : 1px solid #F2F2F2;
}
.scGraphPercentageBar{

}
.scGraphPercentageValue {
	color                      : #6495ED;
	border-left                : 1px solid #F2F2F2;
	width					   : 50px;
	text-align				   : right	;
}

/* Graph css end */


/* Product Status CSS */

.SCStatusMask {
	height					   : 148px;
	*height					   : 138px;
	overflow 				   : hidden;
	border-bottom			   : 1px solid #CFCFCF;
}

.scStatusNavigator{
	padding-top				   : 5px;
	width					   : 100%;
	height					   : 20px;
	padding-bottom			   : 5px;
	text-align				   : center;

	
}

.scSelectOption{
	width : 200px;
}
.scArrowUp{
	float 					   : left;
	background-image 		   : url('images/arrow_up.png');
	background-repeat		   : no-repeat;
	padding-left			   : 10px;
	width					   : 20px;
	height					   : 20px;
	background-position		   : center center;
	display 				   : inline;
	width					   : 5%;
}
.scProductCombo{
	display 				   : inline;
}
.scArrowDown{
	display 				   : inline;
	padding-right			   : 10px;
	float 					   : right;
	background-image 		   : url('images/arrow_down.png');
	background-repeat		   : no-repeat;
	width					   : 20px;
	height					   : 20px;
	background-position		   : center center;
	width					   : 5%;
}
/* End of ---> Product Status CSS */

/*--- Table header and content alignments ---*/
.SC_ThContentLft{
	text-align : left;
	padding-left : 5px;
	padding-right : 5px;
}

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

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

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