/*------------------------------------------*/
/*Default Body Reset - With Left Navigation*/
/*------------------------------------------*/
body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.75em;
	color:#363636;
	background:#f7f7f7 url(../images/general/bg-left.jpg) repeat-y;
}
/*---------------------------------------------*/
/*Default Body Reset - Without Left Navigation*/
/*-------------------------------------------*/
body.nobg{
	background:#f7f7f7;
}
/*------------------------------------------*/
/*Default Blockquote Reset*/
/*------------------------------------------*/
blockquote:before, blockquote:after, q:before, q:after{}

blockquote,q{}

/*------------------------------------------*/
/*** Default Image Reset ***/
/*------------------------------------------*/
a img{}

img{}

img.mid-align
{
	vertical-align:middle;	
	border:0;
}
.expand
{
}
.collapse
{
	background: url(../images/general/down-arrow.png) no-repeat right;
	margin:5px 10px 0 0;
}

/*--------------------------*/
/*###### Header Text ######*/
/*------------------------*/
/*------------------------*/
/*** H1 ***/
/*------------------------*/
h1
{
	font-weight:normal;
	margin-bottom:10px;
	color:#2c2f37;
	padding:16px 2px 0px 2px;
	
}
/*------------------------*/
/*** H2 ***/
/*------------------------*/
h2
{	
	
	margin-bottom:10px;
}

/*------------------------*/
/*** H3 ***/
/*------------------------*/
h3
{
	font-weight:bold;	
}
	h3.form-inner-header
	{
		background:#c9e1e5;
		padding:5px;
		font-weight:bold;
		margin:10px 0 10px 10px;
		
	}
/*------------------------*/
/*** H4 ***/
/*------------------------*/
h4
{
	font-weight:bold;
	margin-bottom:10px;	
}
	h4.form-header 
	{
		font-size:1.05em;
		font-weight:bold;
		margin:0 0 10px;
		padding:0 0 0 10px;
		color:#747070;
	}
/*------------------------*/
/*** H5 ***/
/*------------------------*/
h5
{
	font-weight:bold;
	margin-bottom:10px;
}
	h5.toolbox-header
	{
		margin:0;
		padding:3px 0 3px 10px ;
		font-size: 1em;
		font-weight:bold;
		color:#d7e5f2;
		text-shadow:none;
	}

	h5.toolbox-header img
	{
		padding:5px;
		position: absolute;
		right:20px;
	}

	h5.note
	{
		font-style:italic;
		padding: 10px 0 10px 10px;
		color:#747070;
	}
/*------------------------*/
/*** H6 ***/
/*------------------------*/
h6
{
	font-weight:bold;
	margin-bottom:10px;
}
	h6.edit-prop-header
	{
		font-weight:bold;
		margin:0px;
		color:#000;
	}

	h6.edit-prop-header img
	{
		position:relative;
		top:3px;
		padding-right:10px;
	}

/* Page Specific
---------------------------------------------------------------------*/


pre
{
	border:solid 1px #fff;
	color:#111;
}


/*--------------------------------------------------------------------------------------------*/
/*############################## BreadCrumb Library Settings :##############################*/
/*------------------------------------------------------------------------------------------*/
.breadcrumb-holder
{
	margin:0 0 20px 0;
}
.module:after
{
	clear: both;
	content: ".";
	visibility: hidden;
}

/* float clearing for IE6 */
* html .module
{
	overflow: visible;
}
/* float clearing for IE7 */
* + html .module{}

.breadcrumb
{
	float: left;
	overflow: hidden;
	border:solid 1px #dedede;
	background:#fff;
}
.breadcrumb ul{}

.breadcrumb ul li
{
	float: left;
	overflow: hidden;
	line-height: 16px;
	font-size: 11px;
	background: url(../images/general/Chevron.gif) no-repeat 100% 0;
}
.breadcrumb ul li div.chevronOverlay{}
.breadcrumb ul li span
{
	overflow: hidden;
}

.breadcrumb ul li a
{
	float: left;
}

.breadcrumb ul li.first a
{
	background:url(../images/general/IconHome.gif) no-repeat 0 0;
	text-indent:-1000em;
	overflow: hidden;
}

.breadcrumb ul li.first a:hover
{
	background-position: 0 -16px;
}
.breadcrumb ul li.last
{
	background: none;
}
.chevronOverlay
{
	background: url(../images/general/ChevronOverlay.png) no-repeat 100% 0;
}

/*--------------------------------------------------------------------*/
/*################## Custom Table Styling Library ##################*/
/*------------------------------------------------------------------*/
.odd-row
{
	background:#E6E6E6;
	border:1px solid #ccc;
}
.even-row
{
	background:#F2F2F2;
	border: 1px solid #ccc;
}
.odd-row:hover, .even-row:hover
{
	background:#d1e5ef;
}
.first-row
{
	background:#E6E6E6;
	border:1px solid #ccc;
}
.last-row{
	background:#F2F2F2;
	border: 1px solid #ccc;
}
.first-row:hover, tr.last-row:hover 
{
	background:#d1e5ef;
}
.rw-red
{
	background:#fe6869;
	border:1px solid #970b0a;
	font-weight:bold;
	color:#FFF;text-shadow:0 1px 1px #280609;
}
.rw-yellow
{
	background:#fbe582;
	border: 1px solid #dea90b;
	text-shadow:none;
	color:#333;
	font-weight:bold;
}
.rw-red:hover
{
	background:#aa2525;
}
.rw-yellow:hover
{
	background:#e6c111;
}
.table-form, .with-head{}

.table-form
{
	border-collapse: collapse;
}
.table-form:last-child, .with-head:last-child{}

.table-form.last-child, .with-head.last-child{}

.table-form thead th, .table-form thead td, .head
{
	border-width:1px;
	color:#3d3039;
	font-weight:bold;
	text-shadow:0 1px 1px #fff;
}
.table-form thead th, .table-form thead td
{

	text-align:left;
	vertical-align:top;
	position: relative;
}
.table-form thead th div
{
	margin-left: 5px;
}
.table-form tbody th, .table-form tbody td, .table-form tfoot th, .table-form tfoot td
{
	text-align:left;
	vertical-align:top;
}
.table-form tfoot th, .table-form tfoot td
{
	background: #CCC;
	border-top:1px solid #FF9900;
	color:white;
}
.table-form .black-cell, .head .black-cell{}

.ie7 .head .black-cell{}

.head .black-cell.with-gap{}

.head .black-cell.with-gap + .black-cell{}

.table-form .black-cell span, .head .black-cell span
{
	background-position:center center;
	background-repeat:no-repeat;
}

.ie7 .head .black-cell span{}

.table-form .black-cell span.form-bulkaction, .with-head .black-cell span.form-bulkaction
{
	text-align:center;
}
.table-form-actions a img{}

.form-column-sort
{
	position: absolute;
}
.head .form-column-sort{}

.form-column-sort .form-sort-up, .form-column-sort .form-sort-down
{
	background:url(../images/general/table-sort-arrows2.png) no-repeat scroll 0 0;
}
.form-column-sort .form-sort-up
{
	background-position:0 1px;
}
.form-column-sort .form-sort-down
{
	background-position:0 bottom;
}
.form-column-sort .form-sort-up:hover
{
	background-position:-15px 1px;
}
.form-column-sort .form-sort-down:hover
{
	background-position:-15px bottom;
}
.form-column-sort .form-sort-up:active, .form-column-sort .form-sort-up.active
{
	background-position:-31px 1px;
}
.form-column-sort .form-sort-down:active, .form-column-sort .form-sort-down.active
{
	background-position:-31px bottom;
}
.table-form-check-cell{}
.form-bulk-action-cell{}

/*--------------------------------------------------------------------------------------------*/
/*############################## Bulk Action Library Settings :##############################*/
/*------------------------------------------------------------------------------------------*/
.bulk-action-container {}

ol, ul {}

a 
{
	color:#3399CC;
	text-decoration:none;
	text-align:left;
}
.bulk-actions h1, .bulk-actions .h1 
{
	background: #d0e3eb;
	border-color:#50A3C8 #297CB4 #083F6F;
	border-style:solid;
	border-width:1px;
	font-size:1.3em;
	
	
}
.bulk-actions .h1 h1 
{
	background:none repeat scroll 0 0 transparent;
	border:0 none;
	font-size:1em;
	
	text-shadow:none;
}
.bulk-action-container {}

.bulk-actions {}

.bulk-actions h1, .bulk-actions .h1 
{
	-moz-border-radius:3px 3px 3px 3px;
	-webkit-border-radius:3px 3px 3px 3px;
	border-radius:3px 3px 3px 3px;

}
.ie .bulk-actions h1, .ie .bulk-actions .h1 {

}
.bulk-actions .h1 h1 {
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;





}
.menu, .menu-opener .menu-arrow {

	font-weight:normal;
	line-height:1.25em;




}
.with-menu .menu, .menu-opener .menu-arrow 
{
	background: url(../images/general/menu-border.png) no-repeat scroll left center transparent;
}

.menu-opener .menu 
{
	background:url(../images/general/trans.png) repeat scroll 0 0 transparent;	
}

.with-menu .menu > img, .menu-opener .menu-arrow > img {}

.menu ul 
{
	-moz-border-radius:0 3px 3px 3px;
	-webkit-border-radius:0 3px 3px 3px;
	border-radius:0 3px 3px 3px;
	-moz-box-shadow:0 1px 4px #000;
	-webkit-box-shadow:0 1px 4px #000;
	box-shadow:0 1px 4px #000;
	background:url(../images/general/menu-bg.png) repeat-y scroll 0 0 #CCCCCC;
	border:1px solid white;
}
.menu-opener .menu > ul {}

.menu:hover > ul, .menu :hover > ul {}

.menu ul li ul
{
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	background:url(../images/general/menu-arrow.png) no-repeat scroll 0 0 transparent;
	border:medium none;
}

.menu ul li ul li {}

.menu ul li:hover > ul
{
	-moz-box-shadow:0 1px 4px #000;
	-webkit-box-shadow:0 1px 4px #000;
	box-shadow:0 1px 4px #000 ;
	background:url(../images/general/menu-bg.png) repeat-y scroll 0 0 #CCCCCC;
	border:1px solid white;
}

.menu ul li:hover > ul.reverted {}

.menu ul li:hover > ul > li {}

.menu ul li 
{
	background-position:5px 3px;
	background-repeat:no-repeat;
	color:#999999;
	text-shadow:1px 1px 0 white;
}

.ie7 .menu > ul > li, .ie7 .menu ul li:hover > ul > li 
{	
text-indent:35px;
}

.menu ul li.sep 
{
	border-bottom:1px solid white;
	border-top:1px solid #ADADAD;
	font-size:0;
	line-height:0;	
}

.ie7 .menu ul li.sep {}

.menu ul li a 
{
	color:#1E343F;
	text-shadow:none;
}

.ie7 .menu ul li a 
{	
	text-indent:0;
}

.menu ul li:hover 
{
	background-color:#C0C0C0;
}

.menu ul li.sep:hover {}

.menu ul li:hover > a
{
	background:none repeat scroll 0 0 #4D4D4D;
	color:white;
}

.bulk-action-container h1.with-menu,
.bulk-action-container .h1.with-menu,
section h1.menu-opener,
.bulk-action-container .h1.menu-opener{}

.bulk-action-container h1 .menu,
.bulk-action-container .h1 .menu
{
	-moz-border-radius:0 3px 3px 0;
	font-size:8px;
}

.bulk-action-container h1 .menu:hover,
.bulk-action-container .h1 .menu:hover

{
	background: #0e60b3 url(../images/general/menu-border.png) no-repeat scroll left center;
}

.bulk-action-container h1 .menu > ul,
.bulk-action-container h1 .menu ul li:hover > ul,
.bulk-action-container .h1 .menu > ul,
.bulk-action-container .h1 .menu ul li:hover > ul
{
	background-color:#006699;
	background-image:url(../images/general/h1-menu-bg.png);
	border-color:#99CCFF;
}

.bulk-action-container h1 .menu ul li,
.bulk-action-container .h1 .menu ul li
{
	color:#3399CC;
	text-shadow:-1px -1px 0 #000;
}

.bulk-action-container h1 .menu ul li a,
.bulk-action-container .h1 .menu ul li a
{
	color:white;
}

.bulk-action-container h1 .menu ul li:hover,
.bulk-action-container .h1 .menu ul li:hover
{
	background-color:#70B7DB;
	text-shadow:none;
}
.bulk-action-container h1 .menu ul li:hover > a,
.bulk-action-container .h1 .menu ul li:hover > a
{
	background-color:#004A6F;
}
.bulk-action-container h1 .menu ul li.sep,
.bulk-action-container .h1 .menu ul li.sep
{
	border-bottom-color:#84C8E1;
	border-top-color:#004A6F;
}
.bulk-action-container h1 .menu ul li ul,
.bulk-action-container .h1 .menu ul li ul
{
	background-image:url(../images/general/menu-arrow-white.png);
}
/*-------------------------------------------------------------------------*/
/*################## SLA Milestone Bulk Action Library ##################*/
/*-----------------------------------------------------------------------*/
.form-bulk-action-container{}

.form-bulk-actions h1, .form-bulk-actions .h1 
{
	background: #d0e3eb;
	border-color:#50A3C8 #297CB4 #083F6F;
	border-style:solid;
	border-width:1px;

}

.form-bulk-actions h1, .form-bulk-actions .h1 img
{
	vertical-align: middle;
}

.form-bulk-actions .h1 h1 
{
	background:none repeat scroll 0 0 transparent;
	border:0 none;
	font-size:1em;
	text-shadow:none;
}

.form-bulk-action-container {}

.form-bulk-actions 
{
	position:relative;
}

.form-bulk-actions h1, .form-bulk-actions .h1 
{
	-moz-border-radius:3px 3px 3px 3px;
	-webkit-border-radius:3px 3px 3px 3px;
	border-radius:3px 3px 3px 3px;
}

.ie .form-bulk-actions h1, .ie .form-bulk-actions .h1 {}

.form-bulk-actions .h1 h1 
{
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	padding:0;
}

.form-menu, .form-menu-opener .form-menu-arrow
 {
 	font-weight:normal;
	line-height:1.25em;
}

.form-with-menu .form-menu, .form-menu-opener .form-menu-arrow 
{
	background: none;
}

.form-menu-opener .form-menu 
{
	background:url(../images/general/trans.png) repeat scroll 0 0 transparent;
}

.form-with-menu .form-menu > img, .form-menu-opener .form-menu-arrow > img {}

.form-menu ul 
{
	-moz-border-radius:0 3px 3px 3px;
	-webkit-border-radius:0 3px 3px 3px;
	border-radius:0 3px 3px 3px;
	-moz-box-shadow:0 1px 4px #000;
	-webkit-box-shadow:0 1px 4px #000;
	box-shadow:0 1px 4px #000;
	background:url(../images/general/menu-bg.png) repeat-y scroll 0 0 #CCCCCC;
	border:1px solid white;
}

.form-menu-opener .form-menu > ul {}

.form-menu:hover > ul, .form-menu :hover > ul {}

.form-menu ul li ul 
{
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	background:url(../images/general/form-menu-arrow.png) no-repeat scroll 0 0 transparent;
	border:medium none;
}

.form-menu ul li ul li {}

.form-menu ul li:hover > ul 
{
	-moz-box-shadow:0 1px 4px #000;
	-webkit-box-shadow:0 1px 4px #000;
	box-shadow:0 1px 4px #000;
	background:url(../images/general/menu-bg.png) repeat-y scroll 0 0 #CCCCCC;
	border:1px solid white;
}

.form-menu ul li:hover > ul.reverted {}

.form-menu ul li:hover > ul > li {}

.form-menu ul li 
{
	background-position:5px 3px;
	background-repeat:no-repeat;
	color:#999999;
	text-shadow:1px 1px 0 white;
	
}

.ie7 .form-menu > ul > li, .ie7 .form-menu ul li:hover > ul > li 
{
	text-indent:35px;
}

.form-menu ul li.sep 
{
	border-bottom:1px solid white;
	border-top:1px solid #ADADAD;
	font-size:0;
	line-height:0;
}

.ie7 .form-menu ul li.sep {}

.form-menu ul li a 
{
	color:#1E343F;
	text-shadow:none;
}

.ie7 .form-menu ul li a 
{
	text-indent:0;
}

.form-menu ul li:hover 
{
	background-color:#C0C0C0;
}

.form-menu ul li.sep:hover {}

.form-menu ul li:hover > a 
{
	background:none repeat scroll 0 0 #4D4D4D;
	color:white;
}
/*------ Form Bulk Menu Icons ------*/
.icon-address 
{
	background-image:url(../images/general/address-book.png);
}
.icon-alarm 
{
	background-image:url(../images/general/alarm-clock-blue.png);
}
.icon-blog 
{
	background-image:url(../images/general/application-blog.png);
}
.icon-terminal 
{
	background-image:url(../images/general/application-terminal.png);
}
.icon-battery 
{
	background-image:url(../images/general/battery-full.png);
}
.icon-building 
{
	background-image:url(../images/general/building.png);
}
.icon-calendar 
{
	background-image:url(../images/general/calendar-day.png);
}
.icon-cards 
{
	background-image:url(../images/general/cards-address.png);
}
.icon-chart 
{
	background-image:url(../images/general/chart.png);
}
.icon-computer 
{
	background-image:url(../images/general/computer.png);
}
.icon-database 
{
	background-image:url(../images/general/database.png);
}
.icon-delete 
{
	background-image:url(../images/general/cross-circle.png);
}
.icon-doc-excel 
{
	background-image:url(../images/general/document-excel.png);
}
.icon-doc-pdf 
{
	background-image:url(../images/general/document-pdf.png);
}
.icon-doc-csv 
{
	background-image:url(../images/general/document-excel-csv.png);
}
.icon-doc-image 
{
	background-image:url(../images/general/document-image.png);
}
.icon-doc-web 
{
	background-image:url(../images/general/document-globe.png);
}
.icon-down 
{
	background-image:url(../images/general/arrow-270.png);
}
.icon-edit 
{
	background-image:url(../images/general/pencil.png);
}
.icon-film
{
	background-image:url(../images/general/film.png);
}
.icon-security 
{
	background-image:url(../images/general/hard-hat.png);
}
.icon-images 
{
	background-image:url(../images/general/images.png);
}
.icon-mail 
{
	background-image:url(../images/general/mail.png);
}
.icon-monitor 
{
	background-image:url(../images/general/monitor.png);
}
.icon-newspaper 
{
	background-image:url(../images/general/newspaper.png);
}
.icon-search 
{
	background-image:url(../images/general/magnifier.png);
}
.icon-network 
{
	background-image:url(../images/general/globe-network.png);
}
.icon-server 
{
	background-image:url(../images/general/server.png);
}
.icon-export 
{
	background-image:url(../images/general/application-export.png);
}
.icon-refresh 
{
	background-image:url(../images/general/arrow-circle.png);
}
.icon-reset 
{
	background-image:url(../images/general/counter-reset.png);
}
.icon-up 
{
	background-image:url(../images/general/arrow-090.png);
}
.form-bulk-action-container h1.form-with-menu,
.form-bulk-action-container .h1.form-with-menu,
section h1.form-menu-opener,
.form-bulk-action-container .h1.form-menu-opener {}

.h1.form-menu-opener span img{}

.form-bulk-action-container h1 .form-menu, 
.form-bulk-action-container .h1 .form-menu 
{
	-moz-border-radius:0 3px 3px 0;
	font-size:1em;
}

.form-bulk-action-container h1 .form-menu:hover, 
.form-bulk-action-container .h1 .form-menu:hover {}

.form-bulk-action-container h1 .form-menu > ul, 
.form-bulk-action-container h1 .form-menu ul li:hover > ul, 
.form-bulk-action-container .h1 .form-menu > ul, 
.form-bulk-action-container .h1 .form-menu ul li:hover > ul 
{
	background-color:#fff6f7;
	background-image:url(../images/general/h2-menu-bg.png);
	border:1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.form-bulk-action-container h1 .form-menu ul li, 
.form-bulk-action-container .h1 .form-menu ul li 
{
	color:#3399CC;
	text-shadow:-1px -1px 0 #000;
}

.form-bulk-action-container h1 .form-menu ul li a, 
.form-bulk-action-container .h1 .form-menu ul li a 
{
	color:#058cc4; 
	font-size:1em;
}

.form-bulk-action-container h1 .form-menu ul li:hover, 
.form-bulk-action-container .h1 .form-menu ul li:hover 
{
	background-color:#c7f6fe;
	text-shadow:none;
}

.form-bulk-action-container h1 .form-menu ul li:hover > a, 
.form-bulk-action-container .h1 .form-menu ul li:hover > a 
{
	background-color:#c7f6fe;
}

.form-bulk-action-container h1 .form-menu ul li.sep, 
.form-bulk-action-container .h1 .form-menu ul li.sep 
{
	border-bottom-color:#84C8E1;
	border-top-color:#004A6F;
}

.form-bulk-action-container h1 .form-menu ul li ul, 
.form-bulk-action-container .h1 .form-menu ul li ul {}

/*------------------------------------*/
/*###### Form / Table Library ######*/
/*----------------------------------*/

/*-------------------------*/
/*** Form Input Styling ***/
/*-----------------------*/

input[type=text], 
input[type=password], 
select
{
	background:#fff url(../images/general/bg-ip.png) repeat-x;
	font-size:1em;
	color:#000;
	font-weight:bold;
	border:1px solid #c0c0c0;
	font-weight:normal;
}

input.search
{
	background:transparent;
	border:0;
}

textarea
{
	background:#fff url(../images/general/bg-ip.png) repeat-x;
	font-size:1em;
	color:#000;
	border:1px solid #c0c0c0;
}

input[type=text]:hover, 
input[type=password]:hover, 
textarea:hover
{
	background-color:#fff5d3;
	border:1px solid #999;
	font-weight:normal;
}

input[type=text]:focus, 
input[type=password]:focus, 
textarea:focus
{
	background-color:#fff5d3;
}

input[type=text].blur, 
input[type=password].blur, 
textarea.blur
{
	color:#999;
	font-weight:normal;
	font-style:italic;
}

input.search:hover, 
input.search:focus
{
	background:transparent;
	border:0;
}

input[type=submit], 
input[type=button]
{
	font-weight:bold;
	font-size:1em;
}
/*-----------------------------------------*/
/*###### Alert Notification Library ######*/
/*---------------------------------------*/

/*-------------------------------*/
/**Alert & Notification Styling**/
/*-----------------------------*/

/**Warning Style**/
.alert-warning
{
	background-color:#fcf2a5;
	border:1px solid #edbf06;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:0 1px 4px #ccc;
	-webkit-box-shadow:0 1px 2px #ccc;
	box-shadow:0 1px 2px #ccc;
	color:#333;
	font-weight:bold;
	cursor:pointer;
	text-shadow:0 0 0 transparent;
}

.alert-warning > p:first-child
{
	text-indent: 20px;
	background-image: url(../images/general/icon-warning.png);
	background-repeat: no-repeat;
}

.alert-warning span
{
	font-weight:bold;
	color:#F00;
	font-size:1em;
}
/*--------------------*/
/**Information Style**/
/*------------------*/
.alert-info
{
	background-color:#e6f5fd;
	border:1px solid #b2c8ff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:0 1px 4px #ccc;
	-webkit-box-shadow:0 1px 2px #ccc;
	box-shadow:0 1px 2px #ccc;
	color:#333;
	font-weight:bold;
	cursor:pointer;
	text-shadow:0 0 0 transparent;
}

.alert-info > p:first-child
{
	text-indent: 20px;
	background-image: url(../images/general/icon-info.png);
	background-repeat: no-repeat;
}
/*------------------*/
/**Success Style**/
/*------------------*/
.alert-success
{
	background-color:#9fe882;
	border:1px solid #81c069;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:0 1px 4px #ccc;
	-webkit-box-shadow:0 1px 2px #ccc;
	box-shadow:0 1px 2px #ccc;
	color:#333;
	font-weight:bold;
	text-shadow:0 0 0 transparent;
	cursor:pointer;
}

.alert-success > p:first-child
{
	text-indent: 20px;
	background-image: url(../images/general/icon-accept.png);
	background-repeat: no-repeat;
}
/*------------------*/
/**Error Style**/
/*------------------*/
.alert-error
{
	background-color:#ce132d;
	border:1px solid #a7182c;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:0 1px 4px #ccc;
	-webkit-box-shadow:0 1px 2px #ccc;
	box-shadow:0 1px 2px #ccc;
	color:#fff;
	font-weight:bold;
	text-shadow:1px 0 1px #333;
	cursor:pointer;
}
.alert-error > p:first-child
{
	text-indent: 20px;
	background-image: url(../images/general/icon-error.png);
	background-repeat: no-repeat;
}
.alert-warning p, .alert-info p, .alert-success p, .alert-error p{}

.alert-warning, .alert-info, .alert-success, .alert-error{}

/*------------------*/
/***Due Style***/
/*------------------*/
.due-warning
{
	background:#f5b9b9 url(../images/general/icon/general/rgh-icn-close.png) no-repeat center right;
	border-color: #e38482 #e38482;
	border-style:solid;
	border-width:1px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-box-shadow:0 1px 4px #ccc;
	-webkit-box-shadow:0 1px 2px #ccc;
	box-shadow:0 1px 2px #ccc;
	color:#333;
	font-weight:bold;
	cursor:pointer;
	text-shadow:0 0 0 transparent;
}
.due-warning span
{
	font-weight:bold;
	color:#F00;
	font-size:1em;
}

.due-info
{
	background:#e6f5fd url(../images/general/icon/general/rgh-icn-close.png) no-repeat center right;
	border:1px solid #b2c8ff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:0 1px 4px #ccc;
	-webkit-box-shadow:0 1px 2px #ccc;
	box-shadow:0 1px 2px #ccc;
	color:#333;
	font-weight:bold;
	cursor:pointer;
	text-shadow:0 0 0 transparent;
}

.due-error
{
	background:#ce132d url(../images/general/icon/general/rgh-icn-close.png) no-repeat center right;
	border:1px solid #a7182c;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:0 1px 4px #ccc;
	-webkit-box-shadow:0 1px 2px #ccc;
	box-shadow:0 1px 2px #ccc;
	color:#fff;
	font-weight:bold;
	text-shadow:1px 0 1px #333;
}

.due-warning p, .due-info p, .due-success p, .due-error p{}

.due-warning, .due-info, .due-success, .due-error
{
	background-position: 99.8% 5%;
}

/*-----------------------*/
/*----Success Fields----*/
/*---------------------*/
input.success, textarea.success
{
	background:url(../images/forms/icon_accept.png) no-repeat 0 0;
	font-weight:normal;
}

select.success
{
	background:url(../images/forms/icon_accept.png) no-repeat 0 0;
	font-weight:normal;
}

/*-------------------------*/
/*----Mandatory Fields----*/
/*-----------------------*/
.mandatory
{
	background:url(../images/forms/mandatory-icon.png) no-repeat 23% 35%;
	font-weight:normal;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

input.mandatory, textarea.mandatory
{
	background:url(../images/general/asteric.gif) no-repeat 1% 35%;
	font-weight:normal;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

select.mandatory
{
	background:url(../images/forms/mandatory-icon.png) no-repeat 1% 35%;
	font-weight:normal;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/*----Error Fields-----*/
input.error,textarea.error
{
	background: url(../images/forms/icon_error.png) no-repeat 0 0 #fff;
	font-weight:normal;
	border:solid 1px #f00d2d;
}

/*-----------------------------------------------------*/
/*###### Form Validation Error Library Settings ######*/
/*-----------------------------------------------------*/

/*--------------------------------*/
/**Error Backgroud Warning Style**/
/*------------------------------*/

.form-alert-warning
{
	background:#f5b9b9 url(../images/general/icon/general/rgh-icn-close.png) no-repeat center right;
	border:1px solid #e38482;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-box-shadow:0 1px 4px #ccc;
	-webkit-box-shadow:0 1px 2px #ccc;
	box-shadow:0 1px 2px #ccc;
	color:#333;
	font-weight:bold;
	cursor:pointer;
	text-shadow:0 0 0 transparent;
}

.form-alert-warning span
{
	font-weight:bold;
	color:#F00;
	font-size:1em;
}

/*---------------------------------*/
/** Error Warning 3 Column Style **/
/*-------------------------------*/

/*------------------------------*/
/*** Error Warning Container ***/
/*----------------------------*/
.form-warning-container3 {}

.form-warning-container2 {}

.form-warning-container1 
{
	float:left;	
}

/*---------------------------*/
/*** Error Warning Column ***/
/*-------------------------*/
.form-warning-col1
{
	float:left;
}

.form-warning-col2 
{
	float:left;
}

.form-warning-col3 
{
	float:left;
}

/*--------------------*/
/**Information Style**/
/*------------------*/
.form-alert-info
{
	background:#f5b9b9 url(../images/general/icon/general/rgh-icn-close.png) no-repeat center right;
	border:1px solid #b2c8ff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:0 1px 4px #ccc;
	-webkit-box-shadow:0 1px 2px #ccc;
	box-shadow:0 1px 2px #ccc;
	color:#333;
	font-weight:bold;
	cursor:pointer;
	text-shadow:0 0 0 transparent;
}

/*--------------*/
/**Error Style**/
/*------------*/
.form-alert-error
{
	background:#f5b9b9 url(../images/general/icon/general/rgh-icn-close.png) no-repeat center right;
	border:1px solid #a7182c;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:0 1px 4px #ccc;
	-webkit-box-shadow:0 1px 2px #ccc;
	box-shadow:0 1px 2px #ccc;
	color:#fff;
	font-weight:bold;
	text-shadow:1px 0 1px #333;
}

.form-alert-warning p,
.form-alert-error p{}

.form-alert-warning p img,
.form-alert-error p img{}

.form-alert-warning,
.form-alert-error
{
	background-position: 99.8% 5%;
}

.form-alert-warning ul
{
	list-style-position:inside;
}

.form-alert-warning ul li
{
	font-size:1em;
	font-weight:normal;
	list-style-image:url(../images/forms/form-warning-bullet.gif);
}

.form-alert-warning ul li a
{
	color:#003399;
	text-decoration:underline;
}

.form-alert-warning ul li a:hover
{
	color:#333;
	text-decoration:none;
}

/*----------------------------------*/
/**----- Form 4 Column Style -----**/
/*--------------------------------*/
.form-inner-container1 
{
	float:left;
}

.form-inner-container2 
{
	clear:left;
	float:left;
}

.form-inner-container3 
{
	clear:left;
	float:left;
}

.form-inner-container4 
{
	clear:left;
	float:left;
}

.col1 
{
	float:left;
}

.col1 small 
{
	background:#F5B9B9;
	color:#9D1414;
	text-shadow:none;
	font-weight:bold;
	font-size:.95em;
}

.col1 small span{}

.col2 
{
	float:left;
}

.selectone-error
{
	border:none;
}

.col2 small 
{
	background:#F5B9B9;
	color:#9D1414;
	text-shadow:none;
	font-weight:bold;
	font-size:.95em;
}

.col2 small span{}

.col3 
{
	float:left;
}

.col3 small 
{
	background:#F5B9B9;
	color:#9D1414;
	text-shadow:none;
	font-weight:bold;
	font-size:.95em;
}

.col3 small span{}

.col4 
{
	float:left;
}

.col4 small 
{
	background:#F5B9B9;
	color:#9D1414;
	text-shadow:none;
	font-weight:bold;
	font-size:.95em;
}

.col4 small span{}

/*-------- FORM SETTINGS -----------*/
form 
{
	font-size: 100%;
}

form.toolbox 
{
	font-size: 100%;
}

form fieldset 
{
	clear: both;
	font-size: 90%;
}

form fieldset legend 
{
	font-size: 150%;
	font-weight: normal;
	color: #000000;
}

label 
{
	font-size: 100%;
}

label u 
{
	font-style: normal;
	text-decoration: underline;
}

input, select, textarea, button 
{
	font-size: 100%;
	color: #000000;
	font-family:tahoma;
}

textarea {}
/*--------------------------------------------------------------------------------*/
/*########################## Right: Toolbox Library Setting #####################*/
/*------------------------------------------------------------------------------*/

/*----------------------------*/
/*###### Tool Box ######*/
/*--------------------------*/
.form-toolbox
{
	float:right;
	background:#272525;
}
.form-toolbox-collapse{
	float:right;
	background:#272525;
	width:70px;
	z-index:999;
}
/*----------------------------*/
/*** Show / Hide Tool Box ***/
/*--------------------------*/
.image-collapes
{
	text-indent:250px;
}

/*----------------------------------*/
/*###### FormToolbox Pallete ######*/
/*--------------------------------*/

/*---------------------------------*/
/*** FormToolbox Icon Container ***/
/*-------------------------------*/
.toolbox-pallete
{
	background: #f7f7f7;
	border:1px solid #908989;
	border-bottom:3px solid #908989;
	float:left;
}

/*------------------------------------------*/
/*** FormToolbox Pallete Column Styling ***/
/*----------------------------------------*/
.toolbox-pallete-col1
{
	float:left;

}

.toolbox-pallete-col2
{
	float:right;
}

li.divider
{
	border-bottom: dotted 1px #333;
}

.toolbox-pallete ul li
{
	list-style-position:inside;
}

.toolbox-pallete ul li:hover
{
	color:#3399CC;
	cursor:pointer;
}

.toolbox-pallete ul li img{}

.icon-collapse
{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #ccc;
	background:#ebebeb;
	
}

.icon-collapse img
{
}
/*-----------------------------------------*/
/*** Form FlowToolbox Pallete Settings ***/
/*---------------------------------------*/
.flow-toolbox
{
	float:left;
}
/*--------------------------------------*/
/*###### Default Hyperlink Reset ######*/
/*------------------------------------*/
a
{
	color:#1F92FF;
	text-decoration:none;
	text-shadow:0 0 0 transparent;
}

a:hover
{
	color:#2F4E85;
	text-decoration:none;
	text-shadow:0 0 0 transparent;
}

a:visited{}

a:active
{
	color:#000;
	text-decoration:none;
	text-shadow:0 0 0 transparent;
}

:focus 
{
	outline:0 none;
}

/*------------------------*/
/*Default UL/Li Reset*/
/*------------------------*/
ul.style, ol.style{}

ul.style li,ol.style li{}

ol, ul {}

.quote
{
	font-size:1.167em;
	font-style:italic;
	color:#666;
}

table
{
	text-align:left;
}

label
{
	font-weight: normal;
}

/*---------------------------*/
/*Custom Margin Alignment*/
/*-------------------------*/
.margin-top-10px
{
	margin-top:10px;
}
.margin-lft3
{
	margin-left:3px; 
	*margin-left:0px;/*ie7 fix*/
}
.margin-lft5
{
	margin-left:5px; 
	*margin-left:0px;/*ie7 fix*/
}
/*-------------------------------------------------*/
/***########## Button Library Styling ##########***/
/*-----------------------------------------------*/
input.button[type=submit], 
input.button[type=button]
{
	font-weight:bold;
	color:#fff;
	font-size:1em;
	border: solid #0089a8 1px;
	background: url(../images/forms/edit-bttn-bg.png) repeat-x #00a0c4 ;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align:center;
}

input.button[type=submit]:hover, 
input.button[type=button]:hover
{
	background:#00c9ff;
	color: #003471;
}

input.button[type=submit]:active, 
input.button[type=button]:active
{
	background:#0072bc;
	color: #fff;
}
/*-----------------------------------------------------------------------------*/
/*############################## TOP CONTAINER :##############################*/
/*---------------------------------------------------------------------------*/
/** Top Background image**/
.sop-top
{
	background:#223263 url(../images/general/top-bg-blue.jpg) repeat-x;
	text-shadow:1px 0 0 #666;
	color:#ccc;
	border-bottom:1px solid #FFF;
}
/*-----------------------*/
/***Top Left Main Logo***/
/*---------------------*/
.sop-top #logo
{
	float:left;
}

/*----------------------------------*/
/***Top Left Alert & Notification***/
/*--------------------------------*/
.sop-top .alert-notification
{
	text-align:left;
	float:left;
}

/*-----------------------------------------*/
/*** Singapore Lion Head Logo Container ***/
/*---------------------------------------*/
.sing-lion-head{}

/*------------------------------*/
/****Top Left Shortcut Icons****/
/*----------------------------*/
#shortcut
{
	list-style:none;
}

#shortcut li
{
	float:left;
}

#shortcut li a
{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	color:#4c535b;
	text-align:center;
}

#shortcut li a:hover
{
	background:#eaeced url(../images/general/shortcut/bg_shortcut_h.png) repeat-x center;
}

#shortcut li a:active, #shortcut li a.active
{
	background:#C6CACB url(../images/general/shortcut/bg_shortcut_a.png) repeat-x center;
}

#shortcut li a img{}

#shortcut-notifications{}

/*** Tray Inbox Notification ***/
.tray-icon
{
	background:url(../images/general/top-icn-inboxtray-33x14px.png) no-repeat;
	text-indent:-5000px;
}

.shortcut-icon-inboxtray
{
	color:#000033;
	font-weight:bold;
	font-size:0.917em;
	text-shadow:1px 0 0 #ccc;
	text-align:center;
	background:#d8f0fc;
	border:1px solid #cae3ef;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	-moz-box-shadow:0 1px 2px #cdfbfc;
	-webkit-box-shadow:0 1px 2px #cdfbfc;
	box-shadow:0 1px 2px #cdfbfc;

}

/*** Alert Notification ***/
.alert-icon
{
	background:url(../images/general/top-icn-alert-16x16px.png) no-repeat;
	text-indent:-5000px;
}

.shortcut-icon-alert
{
	color:#fff;
	font-weight:bold;
	font-size:0.917em;
	text-shadow:1px 0 0 #333;
	text-align:center;
	margin:-10px 0px 0px 8px;
	padding:1px 3px;
	background:#ec1000;
	border:1px solid #d81304;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	-moz-box-shadow:0 1px 2px #cdfbfc;
	-webkit-box-shadow:0 1px 2px #cdfbfc;
	box-shadow:0 1px 2px #cdfbfc;
	line-height: 12px;
	height: 12px;	
}
/*** System Notification ***/
.system-icon
{
	background:url(../images/general/top-icn-notification-22x15px.png) no-repeat;
	text-indent:-5000px;
}
.shortcut-icon-notification
{
	color:#fff;
	font-weight:bold;
	font-size:0.917em;
	text-shadow:1px 0 0 #333;
	text-align:center;
	background:#008c00;
	border:1px solid #047804;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	-moz-box-shadow:0 1px 2px #cdfbfc;
	-webkit-box-shadow:0 1px 2px #cdfbfc;
	box-shadow:0 1px 2px #cdfbfc;
	line-height: 12px;
	height: 12px;
}

/*--------------------------------------------*/
/*###### Top Left Announcement Setion ######*/
/*------------------------------------------*/

.top-shortcut 
{
	background:none repeat scroll 0 0 transparent;
}
a.top-shortcut:hover 
{
	background: #0F0;
}

.top-shortcut img{}

.top-shortcut img:hover{}

.shortcut-container{}

.ie .shortcut-container{}

.shortcut-container:hover 
{
	background-color:#ebebeb;
}

.top-shortcut.shortcut-container{}

.ie .top-shortcut.shortcut-container {}

.alert-notification .shortcut-listing 
{	
	font-weight:normal;
	line-height:1.5em;
	font-size:1em;
}

.alert-notification .shortcut-listing span.status
{
	font-weight:normal;
	line-height:1.5em;
	font-size:0.85em;
}

.shortcut-container .shortcut-listing 
{
	background:none repeat scroll 0 0 transparent;

}
.shortcut-listing ul 
{
	-moz-box-shadow:0 1px 4px #000;
	-webkit-box-shadow:0 1px 4px #000;
	box-shadow: 0 1px 4px #000;
	-webkit-border-radius: 0.55em;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius: 0.55em;
	-moz-border-radius-topleft: 0;
	border-radius: 0.55em;
	border-top-left-radius: 0;
	background:repeat-y scroll 0 0 #ebebeb;
	border:1px solid #fff;
}

.shortcut-container .shortcut-listing > ul {}

.shortcut-container .shortcut-listing > ul.reverted {}

.shortcut-listing:hover > ul, 
.shortcut-listing :hover > ul {}

.shortcut-listing ul li 
{
	color:#333333;
	text-shadow: none;
}
.ie7 .shortcut-listing > ul > li, 
.ie7 .shortcut-listing ul li:hover > ul > li 
{
	text-indent:35px;
}

.shortcut-listing ul li.sep 
{
	border-bottom:1px solid white;
	border-top:1px solid #ADADAD;
	font-size:0;
	line-height:0;
}

.shortcut-listing ul li.sep-dotted
{
	border-bottom:1px solid white;
	border-top:1px dotted #ADADAD;
	font-size:0;
	line-height:0;
}

.ie7 .shortcut-listing ul li.sep {}

.shortcut-listing ul li a 
{
	text-shadow:none;
}

.shortcut-listing ul li a.viewmore 
{
	font-size:1.1em;
}

.ie7 .shortcut-listing ul li a
 {
	text-indent:0;
}

.shortcut-listing ul li:hover 
{
	background-color:#C0C0C0;
}

.shortcut-listing ul li.sep:hover {}

.shortcut-listing ul li.sep-dotted:hover {}

.shortcut-listing ul li:hover > a 
{
	background:#4D4D4D;
	color:#ffffff;
}

.shortcut-thumbnail {}

.shortcut-thumbnail img{}

.shortcut-content {}

.shortcut-content-wrapper
{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0 1px 3px #e1dede;
	-webkit-box-shadow:0 1px 3px #e1dede;
	border-radius:5px;
	background:scroll #FFF;
}

/*----------------------*/
/*** Tray Inbox Icon ***/
/*--------------------*/
.shortcut-listing .icon-trayinbox 
{
	background: url(../images/general/icon/general/blurb-icn-more-trayinbox.png) no-repeat 7px 3px transparent;
}
/*----------------------*/
/*** Alert Icon ***/
/*----------------------*/
.shortcut-listing .icon-alert 
{
	background: url(../images/general/icon/general/blurb-icn-more-alert.png) no-repeat 7px 3px transparent;
}
/*----------------------*/
/*** Announcement Icon ***/
/*----------------------*/
.shortcut-listing .icon-announcement 
{
	background: url(../images/general/icon/general/blurb-icn-more-announcement.png) no-repeat 7px 3px transparent;
}
/*----------------------*/
/*** Red Dot Icon ***/
/*----------------------*/
.shortcut-listing .icon-sla-dot-red 
{
	background: url(../images/general/icon/general/blurb-icn-sla-dot-red.png) no-repeat 7px 3px transparent;
}
/*----------------------*/
/*** Yellow Dot Icon ***/
/*----------------------*/
.shortcut-listing .icon-sla-dot-yellow 
{
	background: url(../images/general/icon/general/blurb-icn-sla-dot-yellow.png) no-repeat 7px 3px transparent;
}
/*----------------------*/
/*** Green Dot Icon ***/
/*----------------------*/
.shortcut-listing .icon-sla-dot-green 
{
	background: url(../images/general/icon/general/blurb-icn-sla-dot-green.png) no-repeat 7px 3px transparent;
}
/*----------------------------------------*/
/***Top Right Secondary Navigation Items***/
/*---------------------------------------*/
.sop-top #nav-secondary
{
	text-align:right;
}

#nav-secondary
{
	list-style:none;
}

#nav-secondary li
{
	float:left;
}

#nav-secondary li a
{
	font-weight:normal;
	font-size:0.917em;
	color:#fff;
}

#nav-secondary li a:hover
{
	color:#00ccff;
}

#nav-secondary li a:active
{
	color:#999;
}
/*------------------------------------------------------------------------------*/
/*############################## LEFT CONTAINER :##############################*/
/*----------------------------------------------------------------------------*/
/**Left Nav Container**/
#sop-left
{
	float:left;
}
/*-----------------------------*/
/***Left Nav Show & Hide Menu***/
/*----------------------------*/
a#show-menu
{
	border:1px solid #ccc;
	background:#ebebeb;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	color:#4b4f5d;
	font-weight:bold;
	cursor:e-resize;
}

a#show-menu:hover
{
	background:#ccc;
}

a#hide-menu
{
	text-align:right;
	font-size:1.167em;
	color:#4b4f5d;
	font-weight:bold;
	border-bottom:1px solid #ccc;
	cursor:w-resize;
}

a#hide-menu:hover
{
	background:#ccc;
}
/*--------------------------------*/
/***Left Nav Main Menu Settings***/
/*------------------------------*/
#user-profile{}

#user-profile .user-pict
{
	border:0;
	float:left;
}

#user-profile .user-pict a span{}

#user-profile .user-name
{
	
	color:#4c5153;
}

/*--------------------------------*/
/***Left Nav Main Menu Settings***/
/*-------------------------------*/
#main-menu
{
	float:left;
	list-style:none;
}

/*------------------------------------*/
/****Left Nav Main Menu - 1st Level****/
/*-----------------------------------*/
#main-menu li
{
	border-top:1px solid #fff;
	border-bottom:1px solid #ccc;
	*margin-top: 2px; /* for IE */
}

#main-menu li a span
{
	background:url(../images/general/lft-icn-setting-12x12px.png) no-repeat;

}

#main-menu li a
{
	background-image:url(../images/general/lft-nav-bg-moff.jpg);
	background-repeat:repeat-y;
}

#main-menu li.active
{
	background-image:url(../images/general/lft-nav-bg-mover.jpg);
	background-repeat:repeat-y;
	color:#FFF;
	text-shadow:0 1px 0 #000;
}
#main-menu li ul
{
	float:left;
	background:#bfc6cf url(../images/general/bg-ip.png) repeat-x;
	border-top:2px solid #999;
	border-bottom:1px solid #fff;
}

#main-menu li a img
{
	vertical-align:middle;
	border:0;
}

#main-menu li a
{
	color:#4b4f5d;
	font-weight:bold;
	text-shadow:0 1px 0 #fff;
}

#main-menu li a:hover
{
	background-image:url(../images/general/lft-nav-bg-mover.jpg);
	background-repeat:repeat-y;
	color:#FFF;
	text-shadow:0 1px 0 #000;
}

#main-menu li.end
{
	border-top:1px solid #fff;
	border-bottom:0;

}

/*--------------------------------------*/
/*****Left Nav Main Menu - 2nd Level*****/
/*-------------------------------------*/
#main-menu li ul li
{
	border:0;
}
#main-menu li ul li a
{
	text-shadow:0 1px 0 #DBDBDB;
	background:transparent;
}
#main-menu li ul li a:hover
{
	background:#e7ebf2;
	text-shadow:0 1px 0 #DBDBDB;
	color:#006;
}

/* integration with jdMenu */
#main-menu li ul {}

#main-menu > li > ul.jd_menu {}

/*---------------------------------------*/
/*****Left Nav Main Menu - 3rd Level*****/
/*-------------------------------------*/
#main-menu ul li ul {
background-color: #dadada;
border:#a9acaf 1px solid;

}

#main-menu ul li ul li a:hover {
	background:#8d949e;
	color:#fff;
	text-shadow:none;

}


/*--------------------------------------------------------------------------------------*/
/*############################## MAIN CONTENT CONTAINER :##############################*/
/*------------------------------------------------------------------------------------*/

/*----------------------------/
/**Center Container Wrapper**/
/*-------------------------*/
#container
{
	text-align:left;
}
#content-wrapper
{
	text-align:left;
}
#content{}

#content .inner
{
	float:left;
}
/*---------------------------------------*/
/*** Inbox Template Content Container ***/
/*-------------------------------------*/
.inbox-content{}

/*--------------------------*/
/**Inner Container Wrapper**/
/*------------------------*/
.inner-wrapper{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:none repeat scroll 0 0 #efefef;
	color:#999999;
	float:left;
	font-size:1.2em;
	font-weight:normal;
	text-align:center;
}
/*------------------------------------*/
/***One Column Layout - WITH BORDER***/
/*------------------------------------*/
.onecolumn
{
	background:#fff;
	border:1px solid #b6c5d8;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0 1px 2px #ccc;
	-webkit-box-shadow:0 1px 2px #ccc;
	box-shadow:0 1px 2px #ccc;
}
/*-----------------------------*/
/***Column Header Background***/
/*---------------------------*/
.onecolumn .header
{
	float:left;
	background:#263646 url(../images/general/ctr-col-hd-bg.png) repeat-x;
	border-bottom:1px solid #ccc;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
}
/*-----------------------*/
/***Column Header Icon***/
/*---------------------*/
.onecolumn .header img
{
	float:left;
	cursor:n-resize;
}
/*------------------------*/
/***Column Header Title***/
/*----------------------*/
.onecolumn .header h2
{
	font-size:1.75em;
	float:left;
	color:#FFF;
	text-shadow:0 1px 0 #003;
	letter-spacing:1px;
}

.header-icon
{
	background: url(../images/general/ctr-h2-icn-tasks.png) no-repeat;
	padding:0 0 0 65px;
	height:30px;
	
}

.header-generic-icon
{
	background: url(../images/forms/generic-icn.png) no-repeat;
	padding:0 0 0 35px;
	height:30px;
	
}


.onecolumn .header span ul 
{
	cursor:pointer;
}
/*-------------------------------------------*/
/*###### Header Switch Button Styling ######*/
/*-----------------------------------------*/
/*-----------------------------------*/
/**** Switch Blurb notifications ****/
/*---------------------------------*/
/*-----------------------------------*/
/**** All Task notifications ****/
/*---------------------------------*/
.blurb-all-tasks
{
	color:#000033;
	font-weight:bold;
	font-size:0.917em;
	text-shadow:1px 0 0 #ccc;
	text-align:center;
	background:#d8f0fc;
	border:1px solid #cae3ef;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	-moz-box-shadow:0 1px 2px #212e58;
	-webkit-box-shadow:0 1px 2px #212e58;
	box-shadow:0 1px 2px #212e58;
	line-height: 12px;
	height: 12px;
}
/*-----------------------------------*/
/**** Overdue notifications ****/
/*---------------------------------*/
.blurb-overdue
{
	color:#fff;
	font-weight:bold;
	font-size:0.917em;
	text-shadow:1px 0 0 #333;
	text-align:center;
	background:#ec1000;
	border:1px solid #d81304;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	-moz-box-shadow:0 1px 2px #333333;
	-webkit-box-shadow:0 1px 2px #333333;
	box-shadow:0 1px 2px #333333;
	line-height: 12px;
	height: 12px;
}
/*-----------------------------------*/
/**** Duesoon notifications ****/
/*---------------------------------*/
.blurb-duesoon
{
	color:#000;
	font-weight:bold;
	font-size:0.917em;
	text-shadow:1px 0 0 #333;
	text-align:center;
	background:#f6b212;
	border:1px solid #d5990d;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	-moz-box-shadow:0 1px 2px #333333;
	-webkit-box-shadow:0 1px 2px #333333;
	box-shadow:0 1px 2px #333333;
	line-height: 12px;
	height: 12px;
}
/*-----------------------------------*/
/**** Outstanding notifications ****/
/*---------------------------------*/
.blurb-outstanding
{
	color:#000;
	font-weight:bold;
	font-size:0.917em;
	text-shadow:1px 0 0 #333;
	text-align:center;
	background:#afdd27;
	border:1px solid #95c017;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	-moz-box-shadow:0 1px 2px #333333;
	-webkit-box-shadow:0 1px 2px #333333;
	box-shadow:0 1px 2px #333333;
	line-height: 12px;
	height: 12px;
}
/*----------------------------------*/
/*** Right Switch Button Styling ***/
/*--------------------------------*/
input[type=button].right-switch
{
	-moz-border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	background:#ccc url(../images/general/ctr-tab-switch-moff.png) repeat-x;
	font-weight:bold;
	border:1px solid #999999;
	-moz-box-shadow:0 1px 1px #003;
	-webkit-box-shadow:0 1px 1px #003;
	box-shadow:0 1px 1px #003;
	text-shadow:1px 0 0 #fff;
	color:#666;
	font-size: 0.938em; /*0.938em = 11pt*/
	text-align:center;
}
/*----------------------------------*/
/*** Left Switch Button Styling ***/
/*--------------------------------*/
input[type=button].left-switch
{
	-moz-border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	background:#ccc url(../images/general/ctr-tab-switch-moff.png) repeat-x;
	font-weight:bold;
	border:1px solid #999999;
	-moz-box-shadow:0 1px 1px #003;
	-webkit-box-shadow:0 1px 1px #003;
	box-shadow:0 1px 1px #003;
	text-shadow:1px 0 0 #fff;
	color:#666;
	font-size:0.938em; /*0.938em = 11pt*/
	text-align:center;
}
/*----------------------------------*/
/*** Middle Switch Button Styling ***/
/*--------------------------------*/
input[type=button].middle-switch
{
	-moz-border-radius:0;
	-webkit-border-radius:0;
	background:#ccc url(../images/general/ctr-tab-switch-moff.png) repeat-x;
	font-weight:bold;
	border:1px solid #999999;
	-moz-box-shadow:0 1px 1px #003;
	-webkit-box-shadow:0 1px 1px #003;
	box-shadow:0 1px 1px #003;
	text-shadow:1px 0 0 #fff;
	color: #666;
	font-size:0.938em; /*0.938em = 11pt*/
	text-align:center;
}
/*-------------------------------------*/
/*** Left,Right,Middle Hover Switch ***/
/*-----------------------------------*/
input[type=button].right-switch:hover,
input[type=button].left-switch:hover,
input[type=button].middle-switch:hover
{
	border:1px solid #666;
	background:#999 url(../images/general/ctr-tab-switch-mover.png) repeat-x;
	color:#333;
}
/*--------------------------------------------*/
/*** Left,Right,Middle Active Switch ***/
/*------------------------------------------*/
input[type=button].right-switch:active,
input[type=button].left-switch:active,
input[type=button].right-switch.active,
input[type=button].left-switch.active,
input[type=button].middle-switch:active,
input[type=button].middle-switch.active
{
	color:#fff;
	border:1px solid #003;
	background:#999 url(../images/general/ctr-tab-switch-active.png) repeat-x;
	text-shadow:0 0 0 #003;
}

div.wysiwyg
{
	background:#fff url(../images/general/bg-ip.png) repeat-x;
	
	
}
/*----------------------------------------------*/
/*########## Search Library Settings ##########*/
/*--------------------------------------------*/
div.search-bg 
{
	background:#e1f3ff;
	border-color:#0086fa #0086fa #e1f3ff;
	border-style:solid;
	border-width:1px;
}

/*-----------------------*/
/*** Search container ***/
/*---------------------*/
.search-container
{
	background:url(../images/general/search-container-bg.png) repeat-x #a3dcff;
	border-color:#0086fa #0086fa;
	border-style:solid;
	border-width:1px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-box-shadow:0 1px 4px #ccc;
	-webkit-box-shadow:0 1px 2px #ccc;
	box-shadow:0 1px 2px #ccc;
	color:#333;
	font-weight:bold;
	text-shadow:0 0 0 transparent;
	
}

.search-container span
{
	font-weight:bold;
	color:#F00;
	font-size:1em;
}

.search-container div
{
	float:left;
}

.search-container{
	background-position: 99.8% 5%;
}
/*-----------------------------*/
/*** Button Search Settings ***/
/*---------------------------*/
input.search-reset[type="submit"],
input.search-reset[type="button"] 
{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:url(../images/general/search-reset-bg.png) repeat-x scroll 0 0 #515d64;
	border:1px solid #9da3a7;
	color:#fff;
	text-shadow:0 1px 0 #333;
}

input.search-submit[type="submit"],
input.search-submit[type="button"] 
{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:url(../images/general/search-submit-bg.png) repeat-x scroll 0 0 #0769b0;
	border:1px solid #3881b6;
	color:#FFFFFF;
	text-shadow:0 1px 0 #248dd6;
	text-shadow:#0c62c6 0 1px 1px;
}

input.search-submit[type=submit]:hover,
search-submit[type=button]:hover,
input.search-reset[type=submit]:hover,
search-reset[type=button]:hover
{
	background:#0065a9;
}
/*---------------------------------------*/
/*** Search Listing Section Container ***/
/*-------------------------------------*/
.sec-container 
{
	-moz-border-radius:5px 5px 5px 5px;
	background:none repeat scroll 0 0 #FFFFFF;
	border:1px solid #B6C5D8;
}

.sec-container .header 
{
	-moz-border-radius:5px 5px 5px 5px;
	background:url(../images/general/ctr-col-hd-inr-bg.png) repeat-x scroll 0 0 #DCE9F6;
	border:1px solid #9CBEC1;
}

.sec-container .header span 
{
	color:#000;
	cursor:n-resize;
	float:left;
	font-size:0.917em;
	font-weight:bold;
	text-shadow:1px 0 1px #FFFFFF;
}

.sec-container .header img 
{
	cursor:pointer;
	float:right;
}

.sec-container .content 
{
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	background:none repeat scroll 0 0 #F2F8FC;
	border:medium none;
}

/*----------------------------*/
/*** Search Button Styling ***/
/*--------------------------*/
input[type=button].search-button, button.search-button
{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:#ccc url(../images/general/ctr-tab-switch-moff.png) repeat-x;
	font-weight:bold;
	border:1px solid #bbb;
	-moz-box-shadow:0 1px 1px #003;
	-webkit-box-shadow:0 1px 1px #003;
	box-shadow:0 1px 1px #003;
	text-shadow:1px 0 0 #fff;
	color:#666;
	font-size: 1em; /*0.938em = 11pt*/
	text-align:center;
}

input.search-button[type=submit]:hover,
input.search-button[type=button]:hover,
button.search-button:hover{
	background: url(../images/general/search-btn-bg-hover.png) repeat-x #a4dcff;
	color:#000;
	text-shadow: none;
	border: 1px solid #8dd2dc;
}
/*------------------*/
/**** HEADER TAB ***/
/*----------------*/
.onecolumn .header div.tab-header
{
	font-size:1.5em;
	font-weight:bold;
	float:left;
	cursor:n-resize;
	color:#FFF;
	text-shadow:0 1px 0 #003;
	letter-spacing:1px;
}

.onecolumn .header div ul 
{
	cursor:pointer;
}
/*------------------------*/
/*** Header Active Tab ***/
/*----------------------*/
.onecolumn .header div ul li.active
{
	background: url(../images/forms/inbox-tab-bg.png) repeat-x #fff;	
	font-size:0.875em;
	color:#0569b4;
	vertical-align: top;
	text-shadow:none;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
/*---------------------------*/
/*** Header In-Active Tab ***/
/*-------------------------*/
.onecolumn .header div ul li.inactive
{
	background:#aeaeae;
	vertical-align: top;
	font-size:0.875em;
	color: #908C8C;
	text-shadow:none;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.onecolumn .header div ul li.inactive:hover
{
	background:#ccc;
	color:#69696b;
}

.onecolumn .header div ul li.inactive:active
{
	background:#fff;
	color:#0569b4;
	text-shadow:none;
}
/*-----------------------------*/
/***Column Header Tab Switch***/
/*---------------------------*/
.onecolumn .header .switch
{
	float:right;
}

.onecolumn .search-button img{
	vertical-align: middle;
	float: none;
	cursor: auto;
}

/*** Search Icon***/
div.search-icon{}

.onecolumn .content
{
	background:#fff url(../images/general/bg-ip.png) repeat-x;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	border-top:1px solid #bdbdbd;
}

/*--------------------------------------------------------*/
/****No Action Required/ Empty Table Listing Container****/
/*------------------------------------------------------*/
.no-action-wrapper
{
	background:#f5f5f5;
	border:1px solid #cdcaca;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	float:left;
	font-size:1.2em;
	text-align:center;
	color:#999;
	font-weight: normal;
}

.no-action-wrapper span
{
	color:#000;
	font-weight:bold;
}
/*-----------------------------------*/
/**Inner Individual Column Settings**/
/*---------------------------------*/
.innercolumn-each
{
	background:#fff;
	border:1px solid #b6c5d8;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.innercolumn-each .header
{
	background:#dce9f6 url(../images/general/ctr-col-hd-inr-bg.png) repeat-x;
	border-bottom:1px solid #ccc;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
}

.innercolumn-each .header span
{
	font-size:16px;
	font-weight:bold;
	float:left;
	cursor:n-resize;
	color:#666;
	text-shadow:1px 0 1px #fff;
}

.innercolumn-each .header .switch
{
	float:right;
}

.innercolumn-each .content
{
	background:#fff url(../images/general/bg-ip.png) repeat-x;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	border-top:1px solid #bdbdbd;
}
/*------------------------------------------------------------------------------*/
/*############################## BOTTOM CONTAINER :##############################*/
/*----------------------------------------------------------------------------*/
/*----------------------------------------*/
/*** Footer Style ***/
/*----------------------------------------*/
#footer
{
	border-top:1px solid #ccc;
	font-size:0.917em;
	color:#999;
}

#footer ul{}

#footer ul li.divider-right
{
	border-right:1px solid #999;
	font-size:8px;

}

#footer ul li.divider-left
{
	border-left:1px solid #999;
	font-size:8px;

}

#footer ul li{}

#footer ul li a{}

#footer ul.security-elements
{
	float:right;
}

#footer ul.security-elements li{}

#footer ul.security-elements li.empty-space{}

/*------------------------------------------------------------------------------------*/
/*############################## Table Styling Library ##############################*/
/*----------------------------------------------------------------------------------*/
table
{
	border-collapse:collapse;
	border-spacing:0;
}

table.data caption{}

table.data tr
{
	background:#fff;
}

table.data tr td, table.data tr th
{
	border-bottom:1px solid #ccc;
}

table.data tr th
{
	font-weight:bold;
	background:#eee;
}

table.data tr th, 
table.data tr td{}

table.data tr td
{
	color:#666;
}

table#graph-data th
{
	text-align:center;
}
table#graph-data td
{
	cursor:pointer;
	text-align:center;
}

table#graph-data td.hover
{
	background:#fff5d3;
}

.chart-wrapper{}

.twocolumn{}

.column-left, 
.column-right
{
	background:#fff;
	border:1px solid #cdcdcd;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0 1px 4px #ccc;
	-webkit-box-shadow:0 1px 2px #ccc;
	box-shadow:0 1px 2px #ccc;
	float:left;
}

.column-right
{
	float:right;
}

.column-left .header, 
.column-right .header
{
	float:left;
	background:#cdcdcd url(../images/general/bg-window-header.png) repeat-x;
	border-bottom:1px solid #ccc;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
}

.column-left .header span, 
.column-right .header span
{
	font-size:16px;
	font-weight:bold;
	float:left;
	cursor:n-resize;
}

.column-left .header .switch, .column-right .header .switch
{
	float:right;
}
.column-left .content, .column-right .content
{
	background:#fff url(../images/general/bg-ip.png) repeat-x;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	border-top:1px solid #bdbdbd;


}
.threecolumn
{


	float:left;
}
.threecolumn-each
{
	background:#fff;
	border:1px solid #cdcdcd;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0 1px 4px #ccc;
	-webkit-box-shadow:0 1px 2px #ccc;
	box-shadow:0 1px 2px #ccc;
	float:left;
}
.threecolumn-each .header
{
	
	float:left;
	background:#cdcdcd url("../images/general/bg-window-header.png") repeat-x;
	border-bottom:1px solid #ccc;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
}

.threecolumn-each .header span
{
	font-size:16px;
	font-weight:bold;
	float:left;
	cursor:n-resize;
}

.threecolumn-each .header .switch
{
	float:right;
}

.threecolumn-each .content
{
	background:#fff url(../images/general/bg-ip.png) repeat-x;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	border-top:1px solid #bdbdbd;
}

.noshadow
{
	-moz-box-shadow:0 0 0 transparent;
	-webkit-box-shadow:0 0 0 transparent;
	box-shadow:0 0 0 transparent;
}

.media-photos
{
	list-style:none;
	float:left;
}

.media-photos li
{
	float:left;
	text-align:center;
}

.media-photos li a
{
	text-align:center;
}

.media-photos li img
{
	border:1px solid #ccc;
}

.modal-header
{
	background:#353c42 url(../images/general/bg-header.png) repeat-x;
	color:#fff;
	text-shadow:0 0 0 transparent !important;;
}

.modal-header span
{
	font-size:16px;
	color:#fff;
	font-weight:bold;
}

.modal-content
{
	background:#fff url(../images/general/bg-modal-window.png) repeat-x bottom;
}

.table, 
.with-head
{
	border:1px solid #e6e8e4;
}

.table
{
}
.table:last-child, 
.with-head:last-child{}

.table.last-child, 
.with-head.last-child{}

.table thead th,
.table thead td, 
.head
{
	background:#a5a5a5 url(../images/general/ctr-tbl-hd-bg.png) repeat-x scroll 0 0;
	border-color:#fff #999999 #828282 #DDDDDD;
	border-style:solid;
	border-width:1px;
	border-bottom:none;
	color:#3d3039;
	font-weight:bold;
	text-shadow:0 1px 1px #fff;
}

.table thead th div.sort-label {
	padding-left: 10px;
}

.table thead th, 
.table thead td
{
	text-align:left;
	vertical-align:top;
}
.table tbody th, 
.table tbody td, 
.table tfoot th, 
.table tfoot td
{
	border-left:1px dotted #999999;
	text-align:left;
	vertical-align:top;
}


/*----------------------------------*/
/*Alert Row Hyperlink Color*/
/*--------------------------------*/
.bg-red-alert a
{
	color:#FFF;
	text-shadow:0 1px 1px #280609;
	font-weight:bold;
}

/*-----------------------------------*/
/*Alert Row Hyperlink Color - YELLOW*/
/*---------------------------------*/
.bg-red-alert a:hover
{
	color:#ffcc00;
	text-shadow:0 1px 1px #280609;
	font-weight:bold;
}

/*----------------------------------*/
/*###### Item 'READ' Styling ######*/
/*--------------------------------*/
.item-read
{
	color:#908c8c;
	text-shadow:0 1px 1px #fff;
	font-weight:normal;
}

.item-read a
{
	color:#908c8c;
	text-shadow:0 1px 1px #fff;
	font-weight:normal;
}

.item-read a:hover
{
	color:#363636;
	text-shadow:0 1px 1px #fff;
	font-weight:normal;
}

/*---------------------------------------*/
/*** Table Background for Bulk Action ***/
/*-------------------------------------*/
.bulk-act-icon
{
	background:url(../images/general/ctr-icn-tbl-bulkaction.png) no-repeat;
	display:block;
	text-indent:-50000px;
}
.bulk-act-icn-no-arw
{
	background:url(../images/general/ctr-icn-tbl-bulkaction-noarrow.png) no-repeat;
	display:block;
	text-indent:-50000px;
	height: 15px;
	margin: 2px 0 1px 2px;
	width: 10px;
}
.table .black-cell, .head .black-cell
{
	background:#244680;
	border-left:1px #bed2d4 solid ;
	border-right-color:#bed2d4;
	border-top:1px #d7eef0 solid;
	/*border-bottom:1px solid #a8cbcf;*/
}

.ie7 .head .black-cell{}

.head .black-cell.with-gap
{
	border-right-color:white;

}

.head .black-cell.with-gap + .black-cell
{
	border-left:1px solid #999999;
}

.table .black-cell span, 
.head .black-cell span
{
	background-position:center center;
	background-repeat:no-repeat;
	
}

.ie7 .head .black-cell span{}

.table .black-cell span.bulkaction, 
.with-head .black-cell span.bulkaction
{
	text-align:center;
}

.table-actions a img
{
	margin:-2px 0;
}

/*--------------------------*/
/*** Column Sort Styling ***/
/*------------------------*/
.column-sort
{
	border-right:1px solid #DDDDDD;
	position: absolute;
}

.head .column-sort{}

.column-sort .sort-up, .column-sort .sort-down
{
	background:url(../images/general/table-sort-arrows.png) no-repeat scroll 0 0 transparent;
	border-right:1px solid #999999;
}

.column-sort .sort-up
{
	background-position:0 1px;
	border-bottom:1px solid #828282;
}

.column-sort .sort-down
{
	background-position:0 bottom;
	border-top:1px solid white;
	border-bottom:1px solid #828282;
}

/*-----------------------------------*/
/*** Column Sort Hyperlin Styling ***/
/*---------------------------------*/
.column-sort .sort-up:hover
{
	background-position:-15px 1px;
}

.column-sort .sort-down:hover
{
	background-position:-15px bottom;
}

.column-sort .sort-up:active, 
.column-sort .sort-up.active
{
	background-position:-30px 1px;
}

.column-sort .sort-down:active, 
.column-sort .sort-down.active
{
	background-position:-30px bottom;
}
/*-------------------------*/
/*** Check Item Styling ***/
/*-----------------------*/
.table-check-cell{}

.bulk-action-cell{}

/*-----------------------------------------------------------------------------------------*/
/*############################## Pagination Styling Library ##############################*/
/*---------------------------------------------------------------------------------------*/


/*---------------------------------*/
/*** Pagination background ***/
/*-------------------------------*/
.pagination-wrapper
{
	background:#f1fbfd;
	border:1px solid #daebed;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	float:left;
	*padding:5px 0 7px 0;/*for ie fix*/

}
/*------------------------------------*/
/****Left Element Position Styling****/
/*----------------------------------*/
.pag-lft-element
{
	font-size:0.917em;
	font-weight:bold;
	text-align:center;
	float:left;
	color:#666;
}
/*-------------------------------*/
/****Right Total Task Styling****/
/*-----------------------------*/
.pag-rgh-totaltask
{
	font-size:0.917em;
	font-weight:bold;
	text-align:center;
	color:#666;
}
/*----------------------------------------*/
/****Pagination Right Position Styling****/
/*----------------------------------------*/
.pagination
{
	font-size:0.917em;
	font-weight:bold;
	text-align:center;
	float:right;
	color:#666;

}
.pagination ul li{}



/*----------------------------------------*/
/*** Pagination hyperlink ***/
/*----------------------------------------*/
.pagination a
{
	-moz-border-radius:8px;
	-webkit-border-radius:8px;	
	background:#ccc url( ../images/general/bg-switch.png) repeat-x;
	border:1px solid #AAA9A9;
	color:#333;
}

.pagination a:hover
{
	-moz-box-shadow:0 1px 3px #666;
	-webkit-box-shadow:0 1px 3px #666;
	box-shadow:0 1px 3px #666;
	border:1px solid #666;
	background:#999 url(../images/general/bt-gh.png) repeat-x;
}

.pagination a:active,
.pagination a.active
{
	color:#666;
	border:1px solid #999;
	background:#999 url(../images/general/bt-ga.png) repeat-x;
	text-shadow:0 0 0 #999;
}
/*-----------------------------------------------------------------------------------------------*/
/*############################## SLA Progress Bar Styling Library ##############################*/
/*---------------------------------------------------------------------------------------------*/
.progress-bar-red{
	background:url(../images/general/sla-progress-bar-red.png) repeat-x #cc0000;
	text-align:center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-shadow:none;
	font-size:0.95em;
	border:1px solid #990b0a;
	color: #fff;
}

.progress-bar-yellow
{
	background:url(../images/general/sla-progress-bar-yellow.png) repeat-x #ffbf05;
	text-align:center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-shadow:none; font-size:0.95em;
	border:1px solid #dea90b;	
}

.progress-bar-green
{
	background:url(../images/general/sla-progress-bar-green.png) repeat-x #a4d047;
	text-align:center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-shadow:none;
	font-size:0.95em;
	font-weight:bold;
	border:1px solid #83ca60;	
}
/*---------------------------------------------------------------------------------------------*/
/*############################## SLA Slider Bar Styling Library ##############################*/
/*-------------------------------------------------------------------------------------------*/
/*----------------------*/
/*** Grenn Progress Bar***/
/*----------------------*/
.sla-slider
{
	background: url(../images/forms/sla-slider-green-bg.png) repeat-x;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border:1px solid #4b6700;
	float:right;
}
/*----------------------*/
/*** Grenn Progress Bar***/
/*----------------------*/
.sla-slider-red
{
	background: url(../images/forms/sla-slider-red-bg.png) repeat-x;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border:1px solid #840d00;
	float:right;
}
/*----------------------*/
/*** Grenn Progress Bar***/
/*----------------------*/
.sla-slider-yellow
{
	background: url(../images/forms/sla-slider-yellow-bg.png) repeat-x;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border:1px solid #846d30;
	float:right;
}

.sla-scroll-bar
{
	cursor:pointer;
}

/*----------------------------------------------------------------------------------*/
/*############################## Form Styling Library ##############################*/
/*---------------------------------------------------------------------------------*/
form.form div 
{
	clear:left;
}

/*--------------------------------*/
/*** Form Normal Field Styling ***/
/*------------------------------*/
/*** Input Text / Text Area ***/
form.form div select.inputtext , 
form.form div textarea.inputtext {


	border:solid 1px #FF0000;
}
/*** Select One / Select Multiple ***/
form.form div select.selectone, 
form form.form select.selectmultiple {}

form.form div input.inputtext, 
form.form div input.inputpassword {}

form.form div input.inputFile {}

/*** Check Box***/
form.form div input.inputcheckbox, 
form.form div input.inputradio, 
input.inputcheckbox, 
input.inputradio {
	background-color: transparent;
	border-width: 0;
}

form.form div.submit {}

form.form div.submit div 
{	
	float: left;
	text-align: left;
}

form.form div input.inputsubmit, 
form.form div input.inputbutton, 
input.inputsubmit, 
input.inputbutton 
{
	background-color: #cccccc;
	color: #000000;
}

form.form div.submit div input.inputsubmit, 
form.form div.submit div input.inputbutton 
{
	float: right;
}

/*----------------------------------------*/
/*** Form Fieldset Positioning Setting ***/
/*--------------------------------------*/
form.form div fieldset 
{
	clear: none;
	border-width: 1px;
	border-style: solid;
	border-color: #666666;
}

form.form div label 
{
	float: left;
	text-align: right;
}

form.form div span.text 
{
	float: left;
	font-weight: bold;
}

form.form div.required span.text {
	padding: 3px 0 0 20px;
}

form.form div label.required 
{
	color:#064054;
	font-weight:bold;
}

form.form div.optional label, 
label.optional 
{
	font-weight: normal;
}

form.form div.error label, 
label.error 
{
	font-weight: bold;
	color:#2D3D85;
}

form.form div.required label, 
label.required {
	font-weight: bold;
	color:#2D3D85;
}
form.form div label.labelcheckbox, 
form.form div label.labelradio 
{
	float: none;
	text-align: left;
}

form.form div fieldset label.labelcheckbox, 
form.form div fieldset label.labelradio {}

form.form div img 
{
	float: left;
}

form.form div select, 
form.form div textarea {}

form.form .action-buttons {}

/*-----------------------------*/
/*** Form Content Container ***/
/*---------------------------*/
.form-content-container{}

.form-content-container p{}

.form-content-container p img{}

/*-----------------------------------------*/
/**----- FORM REQUIRED FIELD SETTINGS----**/
/*---------------------------------------*/
form.form div select.inputtext-required ,
form.form div textarea.inputtext-required 
{
	background:url(../images/general/required-bg.png);
	border:solid 1px #FF0000;
}

form.form div select.selectone-required,
form.form div select.selectmultiple-required 
{	
	background:url(../images/general/required-bg.png);
}

form.form div input.inputtext-required,
form.form div input.inputpassword-required 
{
	background:url(../images/general/required-bg.png);
}

/*-------------------------------------------*/
/**------- FORM ACCEPT FIELD SETTINGS------**/
/*-----------------------------------------*/
form.form div select.inputtext-accept, 
form.form div textarea.inputtext-accept 
{
	background:url(../images/general/accept-bg.png) no-repeat;
	border:solid 1px #FF0000;
}

form.form div input.inputtext-accept, 
form.form div input.inputpassword-accept 
{
	background:url(../images/general/accept-bg.png);
	border:#74f019 1px solid;
}

/*-----------------------------------------*/
/**-------FORM ERROR FIELD SETTINGS------**/
/*---------------------------------------*/
/*Text Area Error Style*/
form.form div select.inputtext-error,
form.form div textarea.inputtext-error 
{
	background:url(../images/general/exclamation-bg.png) no-repeat;
	border:solid 1px #FF0000;
}

form.form div select.inputtext-error,
form.form div textarea.inputtext-error:hover
{
	background-color:#fff5d3;
}

form.form div input.inputtext-error,
form.form div input.inputpassword-error 
{
	border:solid 1px #FF0000;
	background:url(../images/general/exclamation-bg.png);
}

form.form div select.selectone-error,
form.form div select.selectmultiple-error 
{
	border:none;
}

/*** Form Error */
form.form div small.error 
{
	font-weight:bold;
	text-shadow:none;
	background:#f5b9b9;
	color:#9d1414;
	font-size:1em;
}

form.form div small.error span
{
	float:right;
}

/*---------------------------*/
/*** Error Radio Button ***/
/*---------------------------*/
form.form div.error-radio 
{
	border:1px solid #FF0000; 
	float:left; 
	clear:right;
	background:url(../images/general/exclamation-bg.png) no-repeat scroll 0 0;
}

form.form div.error-radio:hover
{
	background-color:#fff5d3;
}

form.form div small.error-radio-msg 
{
	font-weight:bold;
	text-shadow:none;
	background:#f5b9b9;
	color:#9d1414;
	clear:left;
	font-size:1em;
}

form.form div small.error-radio-msg span
{
	float:right;
}

/*---------------------------*/
/*** Select Error Styling ***/
/*-------------------------*/
form.form div.error-select 
{
	border:1px solid #FF0000; 
	float:left; 
	clear:right;
	background:url(../images/general/exclamation-bg.png) no-repeat scroll 0 0;
}

form.form div small.error-select-msg 
{
	font-weight:bold;
	font-size:1em;
	text-shadow:none;
	background:#f5b9b9;
	color:#9d1414;
	clear:left;
}

form.form div small.error-select-msg span{}

form.form div.error-chkbx 
{
	border:1px solid #FF0000; 
	float:left; 
	clear:right;
	background:url(../images/general/exclamation-bg.png) no-repeat scroll 0 0;
}

form.form div small.error-chkbx-msg 
{
	font-weight:bold;
	font-size:1em;
	text-shadow:none;
	background:#f5b9b9;
	color:#9d1414;
	clear:left;
}

form.form div small.error-chkbx-msg span
{
	float:right;
}

/*----------------------------------------------------------------------------------------*/
/*######################### Form Property Button Switch Library #########################*/
/*---------------------------------------------------------------------------------------*/

/*------------------------------------------------*/
/*** Form Property Right Switch Button Styling ***/
/*----------------------------------------------*/
input[type=button].inner-rgh-switch
{
	-moz-border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	background:#eee url(../images/forms/prop-bttn-inactive-bg.png) repeat-x;
	font-weight:bold;
	border:1px solid #bababa;
	border-left:none;
	text-shadow:1px 0 0 #fff;
	color:#666;
	font-size: 0.938em; /*0.938em = 11pt*/
	text-align:center;
}
/*-----------------------------------------------*/
/*** Form Property Left Switch Button Styling ***/
/*---------------------------------------------*/
input[type=button].inner-lft-switch
{
	-moz-border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	background:#eee url(../images/forms/prop-bttn-inactive-bg.png) repeat-x;
	font-weight:bold;
	border:1px solid #bababa;
	text-shadow:1px 0 0 #fff;
	color:#666;
	font-size:0.938em; /*0.938em = 11pt*/
	text-align:center;
}
/*-------------------------------------------------*/
/*** Form Property Middle Switch Button Styling ***/
/*-----------------------------------------------*/
input[type=button].inner-mid-switch
{
	-moz-border-radius:0;
	-webkit-border-radius:0;
	background:#eee url(../images/forms/prop-bttn-inactive-bg.png) repeat-x;
	font-weight:bold;
	border:1px solid #bababa;
	border-left:none;
	text-shadow:1px 0 0 #fff;
	color: #666;
	font-size:0.938em; /*0.938em = 11pt*/
	text-align:center;
}
/*---------------------------------------------------*/
/*** Form Property Left,Right,Middle Hover Switch ***/
/*-------------------------------------------------*/
input[type=button].inner-rgh-switch:hover,
input[type=button].inner-lft-switch:hover,
input[type=button].inner-mid-switch:hover
{
	border:1px solid #666;
	background:#999 url(../images/general/ctr-tab-switch-mover.png) repeat-x;
	color:#333;
	text-shadow:none;
}
/*----------------------------------------------------*/
/*** Form Property Left,Right,Middle Active Switch ***/
/*--------------------------------------------------*/
input[type=button].inner-rgh-switch:active,
input[type=button].inner-lft-switch:active,
input[type=button].inner-rgh-switch.active,
input[type=button].inner-lft-switch.active,
input[type=button].inner-mid-switch:active,
input[type=button].inner-mid-switch.active
{
	color:#fff;
	border:1px solid #ccc;
	background:#48698d url(../images/forms/prop-bttn-active-bg.png) repeat-x;
	text-shadow:0 0 0 #003;
}
/*-------------------------------------------------------------------------------------------------*/
/*##################################Form Tools Library Settings ##################################*/
/*-----------------------------------------------------------------------------------------------*/
.form-tools
{
	background: url(../images/forms/form-tools-bg.png) repeat-x #d7e5f0;
	border-bottom: 1px solid #b6c5d8;
	border-top: 1px solid #b6c5d8;
	
}

.form-tools img{}

.form-tools ul{}

.form-tools ul li.tools-divider{}

.form-tools ul li{}

.form-tools ul li a
{
	font-weight:bold;
	color:#333;
}

.form-tools ul li a:hover
{
	color:#3399CC;
}
/*------------------------------*/
/*------ FORM TOOLS ICONS------*/
/*----------------------------*/
.new-form-icn
{
	background: url(../images/forms/new-form-icn.png) no-repeat;
	padding:1px 0 0 20px;
}
.save-form-icn
{
	background: url(../images/forms/save-form-icn.png) no-repeat;
	padding:1px 0 0 20px;
}

.save-new-frm-ver-icn
{
	background: url(../images/forms/save-new-ver-icn.png) no-repeat;
	padding:1px 0 0 20px;
}

.form-manage-icn
{
	background: url(../images/forms/form-manage-icn.png) no-repeat;
	padding:1px 0 0 20px;
}

.export-pdf-icn
{
	background: url(../images/forms/export-pdf-icn.png) no-repeat;
	padding:1px 0 0 20px;
	height:20px;
}
.cancel-icn
{	background: url(../images/forms/form-cancel-icn.png) no-repeat;
	padding:1px 0 0 20px;
	height:20px;
}
.clear-icn
{	background: url(../images/forms/form-clear-icn.png) no-repeat;
	padding:1px 0 0 20px;
	height:20px;
}
.save-icn
{	background: url(../images/forms/form-save-icn.png) no-repeat;
	padding:1px 0 0 20px;
	height:20px;
}
.approved-icn
{	background: url(../images/forms/approved-icn.png) no-repeat;
	padding:1px 0 0 20px;
	height:20px;
}
.reject-icn
{	background: url(../images/forms/reject-icn.png) no-repeat;
	padding:1px 0 0 20px;
	height:20px;
}
.forward-icn
{	background: url(../images/forms/forward-icn.png) no-repeat;
	padding:1px 0 0 20px;
	height:20px;
}
.print-friendly-icn
{	background: url(../images/forms/printer-icn.png) no-repeat;
	padding:1px 0 0 20px;
	height:20px;
}

/*--------------------------------*/
/*------ FORM TOOLBOX ICONS------*/
/*------------------------------*/
.label-icn
{
	background:url(../images/general/toolbox-label-icn.png) no-repeat;
	padding:4px 0 0 25px;
	vertical-align: middle;
}

.txt-box-icn
{
	background:url(../images/general/toolbox-txtbox-icn.png) no-repeat;
	padding:4px 0 0 25px;
	vertical-align: middle;
}

.password-icn
{
	background:url(../images/general/toolbox-pw-icn.png) no-repeat;
	padding:4px 0 0 25px;
	vertical-align: middle;
}

.listbox-icn
{
	background:url(../images/general/toolbox-listbox-icn.png) no-repeat;
	padding:4px 0 0 25px;
	vertical-align: middle;
}

.chck-box-icn
{
	background:url(../images/general/toolbox-chkbox-icn.png) no-repeat;
	padding:4px 0 0 25px;
	vertical-align: middle;
}

.radio-box-icn
{
	background:url(../images/general/toolbox-rbox-icn.png) no-repeat;
	padding:4px 0 0 25px;
	vertical-align: middle;
}

.radio-bttn-icn
{
	background:url(../images/general/toolbox-rad-bttn-icn.png) no-repeat;
	padding:4px 0 0 25px;
	vertical-align: middle;
}


.section-icn
{
	background:url(../images/general/toolbox-sec-icn.png) no-repeat;
	padding:4px 0 0 25px;
	vertical-align: middle;
}

.emp-spc-icn
{
	background:url(../images/general/toolbox-emp-spc-icn.png) no-repeat;
	padding:4px 0 0 25px;
	vertical-align: middle;
}

.session-icn
{
	background:url(../images/general/toolbox-session-icn.png) no-repeat;
	padding:5px 0 0 25px;
	vertical-align: middle;
}

.template-icn
{
	background:url(../images/general/toolbox-temp-icn.png) no-repeat;
	padding:4px 0 0 25px;
	vertical-align: middle;
}

.txt-area-icn
{
	background:url(../images/general/toolbox-txtarea-icn.png) no-repeat;
	padding:6px 0 0 25px;
	vertical-align: middle;
}

.button-icn
{
	background:url(../images/general/toolbox-bttn-icn.png) no-repeat;
	padding:4px 0 0 25px;
	vertical-align: middle;
}

.drp-dwn-icn
{
	background:url(../images/general/toolbox-dropd-icn.png) no-repeat;
	padding:6px 0 0 25px;
	vertical-align: middle;
}

.date-pck-icn
{
	background:url(../images/general/toolbox-datepck-icn.png) no-repeat;
	padding:4px 0 0 25px;
	vertical-align: middle;
}

.repeat-row-icn
{
	background:url(../images/general/toolbox-reprow-icn.png) no-repeat;
	padding:4px 0 0 25px;
	vertical-align: middle;
}

.ref-num-icn
{
	background:url(../images/general/toolbox-refno-icn.png) no-repeat;
	padding:4px 0 0 25px;
	vertical-align: middle;
}

.html-icn
{
	background:url(../images/general/toolbox-html-icn.png) no-repeat;
	padding:4px 0 0 25px;
	vertical-align: middle;
}

.upload-file-icn
{
	background:url(../images/general/toolbox-upfile-icn.png) no-repeat;
	padding:4px 0 0 25px;
	vertical-align: middle;

	}
/*-------------------------------------*/
/*------ FORM FLOW TOOLBOX ICONS------*/
/*-----------------------------------*/
.verification-icn
{
	background:url(../images/forms/flow-verification-icn.png) no-repeat;
	padding:17px 0 0 35px;
	position:relative;
	top:15px;
}

.approve-icn
{
	background:url(../images/forms/flow-approved-icn.png) no-repeat;
	padding:17px 0 0 35px;
	position:relative;
	top:15px;
}

.rejected-icn
{
	background:url(../images/forms/flow-reject-icn.png) no-repeat;
	padding:17px 0 0 35px;
	position:relative;
	top:15px;
}

.manual-fwd-icn
{
	background:url(../images/forms/flow-man-fwd-icn.png) no-repeat;
	padding:17px 0 0 35px;
	position:relative;
	top:15px;
}

.approval-icn
{
	background:url(../images/forms/flow-approval-icn.png) no-repeat;
	padding:17px 0 0 35px;
	position:relative;
	top:15px;
}

.generic-icn
{
	background:url(../images/forms/flow-generic-icn.png) no-repeat;
	padding:17px 0 0 35px;
	position:relative;
	top:15px;
}

.process-invoke-icn
{
	background:url(../images/forms/flow-pro-invoke-icn.png) no-repeat;
	padding:17px 0 0 35px;
	position:relative;
	top:15px;
}

.split-icn
{
	background:url(../images/forms/floe-split-icn.png) no-repeat;
	padding:5px 0 0 35px;
	position:relative;
	top:15px;
}

.branch-icn
{
	background:url(../images/forms/flow-branch-icn.png) no-repeat;
	padding:5px 0 0 35px;
	position:relative;
	top:15px;
}

.colunm-icn
{
	background:url(../images/forms/flow-col-icn.png) no-repeat;
	padding:5px 0 0 35px;
	position:relative;
	top:15px;

}
/*.verification-icn span, 
.approve-icn span,
.rejected-icn span,
.manual-fwd-icn span,
.approval-icn span,
.generic-icn span,
.process-invoke-icn span,
.split-icn span,
.branch-icn span,
.colunm-icn span
{
	position:relative;
	top:-10px;
	left:0;
}*/

/*---------------------------------------------------------------------------------------*/
/*################################## Form Edit Field Library Settings ##################################*/
/*---------------------------------------------------------------------------------------*/
form.form div.edit-fields 
{
	background:#f2f2f2;
	border:1px solid #bdb9b9;
	clear: left;
}

/*-------------------------------------------*/
/*** Edit Field Tools Background Settings ***/
/*-----------------------------------------*/
form.form div.edit-fields ul 
{
	background:url(../images/forms/field-edit-settings-bg.png) repeat-y #71afde;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;	
	border:1px solid #cc;
	float:right;
}
/*----------------------------------------*/
/*** Edit Field Icon Tools Positioning ***/
/*--------------------------------------*/
form.form div.edit-fields ul li{}

/*---------------------------------------------------*/
/*###### Edit Field Property Library Settings ######*/
/*-------------------------------------------------*/

/*-------------------------------*/
/*** Field Property Container ***/
/*-----------------------------*/
form.form div.edit-field-container
{
	text-shadow:none;
}
/*----------------------------*/
/*** Field Property Header ***/
/*--------------------------*/
.field-property-header-bg
{
	background:url(../images/forms/edit-prop-header-bg.png) repeat-x #c6c6c6;
	border:1px solid #5f5f5f;
	text-shadow:none;
}

h5.field-property-header{}

/*----------------------------------------*/
/*** Field Property Button Positioning ***/
/*--------------------------------------*/
li.field-property-li
{
	vertical-align:middle;
}

/*--------------------------------*/
/*** Field Property Sub Header ***/
/*------------------------------*/
h6.field-property-header
{
	background:#e0edf6;
	border:1px solid #9cbec1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-shadow:none;
	font-weight:bold;
	color:#366382;
	font-size:90%;
}

h6.field-property-header img{}

h6.field-property-header:hover
{
	background:#eef8ff;
}

/*---------------------------------------*/
/*** Field Property Content Container ***/
/*-------------------------------------*/
.edit-field-content
{
	background:#D6D6D6;
	border:1px solid #8e8e8e;
	-moz-box-shadow: 0px 1px 4px #666;
	-webkit-box-shadow:0px 1px 4px #666;
	box-shadow: 0px 1px 4px #666;
}

.field-content-section
{
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border: 1px solid #9cbec1;
	background:#f2f8fc;
}
.field-property ul li img{}

.field-property-header-bg
{
	background:url(../images/forms/edit-prop-header-bg.png) repeat-x scroll 0 0 #c2c2c2;
	border:1px solid #5F5F5F;
}

h5.field-property-header{}

.field-property-header-bg img{}

/*-----------------------------------------------------------------------------------------------------*/
/*################################## Form Page Tab Library Settings ##################################*/
/*---------------------------------------------------------------------------------------------------*/
/*------------------------------------*/
/*** Page Tab Background Settings ***/
/*----------------------------------*/
.page-tab 
{
	background:none repeat scroll 0 0 #908989;
	border-bottom:1px solid #BBBBBB;
	border-top:1px solid #DDDDDD;
}
.edit-page-tab
{
	display:inline-block;
	position:relative;
	width:25px;
	padding:0 2px 1px 2px;
	top:-3px;
	right:-4px;	
	background: #b4b4b5;
	zoom:1; /*ie7 fix*/
	*display: inline; /*ie7 fix*/
	_height: 30px; /*ie7 fix*/
	*top:-5px;
	*padding:1px 2px 0 2px;

}
/*----------------------------------*/
/*** Page Tab Positioning ***/
/*----------------------------------*/
.page-tab ul li{}

/*------------------------------*/
/*** Page Tab Active Setting ***/
/*----------------------------*/
.active-page-tab
{
	color:#414040;
	background-image:url(../images/forms/form-active-tab-bg.gif);
	background-repeat:repeat-x;
	background-color:#ddd;
	font-weight:bold;
	
}
/*--------------------------------*/
/*** Page Tab Inactive Setting ***/
/*------------------------------*/
.inactive-page-tab
{
	color:#414040;
	text-shadow:none;
	font-weight:bold;
	border-right:1px solid #a6a1a1;
}
/*---------------------------*/
/*** New Page Tab Setting ***/
/*-------------------------*/
.add-new-page-tab
{
	background-image:url(../images/forms/form-active-tab-bg.gif);
	background-repeat:repeat-x;
	background-color:#ddd;
	
}
.add-new-tab img{}
/*---------------------------------*/
/*---Page Next and Previous ------*/
/*-------------------------------*/
.arrow-prev
{
	background:url(../images/forms/form-active-tab-bg.gif) repeat-x #ddd;
}
.arrow-prev img
{
}
	
.arrow-nxt
{
	background:url(../images/forms/form-active-tab-bg.gif) repeat-x #ddd;
	width:10px;
}
.arrow-nxt img{}
	
.arrow-more
{
	background:url(../images/forms/form-active-tab-bg.gif) repeat-x #ddd;

}

/*------------------------------------------*/
/*###### Page Edit Property Settings ######*/
/*----------------------------------------*/
.edit-page-property
{	
	text-shadow:none;
}

/*--------------------------------*/
/*** Page Edit Property Header ***/
/*------------------------------*/
.page-property-header-bg
{
	background:url(../images/forms/edit-prop-header-bg.png) repeat-x scroll 0 0 #c2c2c2;
	border:1px solid #5F5F5F;
}

h5.page-property-header{}

.page-property-header-bg img{}

/*------------------------------------*/
/*** Page edit Property Sub-Header ***/
/*----------------------------------*/
h6.page-property-header
{
	background:#e0edf6;
	border:1px solid #9cbec1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-shadow:none;
	font-weight:bold;
	color:#366382;
	font-size:90%;	
}

h6.page-property-header img{}

/*----------------------------------------------*/
/*** Page Edit Property Sub-Header Hyperlink ***/
/*--------------------------------------------*/
h6.page-property-header:hover
{
	background:#eef8ff;
}

li.edit-page-li
{
	vertical-align:middle;
}

.edit-page-property ul li img{}

/*-------------------------------------------*/
/*** Page Edit Property Content Container ***/
/*-----------------------------------------*/
.edit-page-content
{
	background:#D6D6D6;
	border:1px solid #8e8e8e;
	-moz-box-shadow: 0px 1px 4px #666;
	-webkit-box-shadow:0px 1px 4px #666;
	box-shadow: 0px 1px 4px #666;
}

.page-content-section
{
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border: 1px solid #9cbec1;
	background:#f2f8fc;
}

.page-content-spacer
{
	clear:left;
}

/*-------------------------------------------*/
/*** Page Edit Property Field Positioning ***/
/*-----------------------------------------*/
label.page-edit-label
{
	float:left;
	text-align:right;
}

/*----------------------------------------*/
/*** Page Edit Property Button Styling ***/
/*--------------------------------------*/
input.page-bttn[type="submit"],
input.page-bttn[type="button"]
{
	background:url(../images/forms/prop-save-bttn-bg.png) repeat-x scroll 0 0 #076bb1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:medium none;
	color:#fff;
	font-size:1em;
	font-weight:bold;
	text-shadow:0 1px 0 #248dd6;
}

input.page-bttn[type=submit]:hover,
input.page-bttn[type=button]:hover
{
	background:#0065a9;
}

/*-------------------------------------------------------------------------------------------------*/
/*################################## Flow Page Library Settings ##################################*/
/*-----------------------------------------------------------------------------------------------*/
/*--------------------------*/
/*** Flow Page Container ***/
/*------------------------*/
.form-flow-container{}

.form-flow{}

.flow-content
{
	text-align:center;
}

/*-----------------------------------*/
/*** Split Column Branch Settings ***/
/*---------------------------------*/
div.split-branch
{
	background:url(../images/general/toolbox/split-bg.png) repeat-x #a6ca58;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

/*---------------------------------*/
/*** Split Column Container ***/
/*---------------------------------*/
.split-container
{
	background:#FFF;
}

/*---------------------------------*/
/*** Split Column Header ***/
/*---------------------------------*/
h4.split-header
{
	background:#73880a;
	text-align:left;
	color:#fff;
	text-shadow:none;
}
/*---------------------------------*/
/*** Split Column Arrow Up ***/
/*---------------------------------*/
div.flw-split-arw-up
{
	background:url(../images/forms/col-split-up-arw.png) no-repeat center 0;
}

/*---------------------------------*/
/*** Split Column Arrow Down ***/
/*---------------------------------*/
div.flw-split-arw-dwn
{
	background:url(../images/forms/col-split-dwn-arw.png) no-repeat center -1px;
}

/*-----------------------------------*/
/*** Branch Column Settings ***/
/*---------------------------------*/
div.branch
{
	background:url(../images/general/toolbox/branch-bg.png) repeat-x #69b8fc;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
/*---------------------------------*/
/*** Branch Column Container ***/
/*---------------------------------*/
.branch-container
{
	background:url(../images/general/toolbox/BranchCol-bg.png) repeat-x #ededed;
	vertical-align:top;
}
/*---------------------------------*/
/*** Branch Column Header ***/
/*---------------------------------*/
h5.brch-col-header
{
	background:url(../images/general/toolbox/brh-col-hdr-bg.png) repeat-x #2dafe3;
	text-shadow:none;
	color:#fff;
	text-align:left;
}
/*---------------------------------*/
/*** Branch Column Arrow Up ***/
/*---------------------------------*/
div.flw-brch-arw-up
{
	background:url(../images/forms/flw-brh-up-arw.png) no-repeat center ;
	position:relative;
	top:3px;
	
}
/*---------------------------------*/
/*** Branch Column Arrow Down ***/
/*---------------------------------*/
div.flw-brch-arw-dwn
{
	background:url(../images/forms/flw-brh-dwn-arw.png) no-repeat center;
	position:relative;
	top:-3px;
}
/*-----------------------------------------------*/
/*** Branch Column Item Edit Library Settings ***/
/*---------------------------------------------*/
/*** ***/
.branch-wrapper{}

.edit-stage
{
	background:none repeat scroll 0 0 #ddd;
	border:1px solid #BDB9B9;
}
/*-------------------------------------------------*/
/*** Branch Column Item Edit Tools Icon Setting ***/
/*-----------------------------------------------*/
.flw-edt-stg-icon
{	
	background: url(../images/forms/field-edit-settings-bg.png) repeat-x #72b1e1;
	float:right;	
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
}
/*----------------------------------------*/
/*** Branch Column Item Edit Container ***/
/*--------------------------------------*/
.flw-edt-prpty-container
{
	background:#eee;	
	text-align:left;	
	text-shadow:none;
}

.edt-flw-content
{
	background:#D6D6D6;	
	border:1px solid #8e8e8e;
	-moz-box-shadow: 0px 1px 4px #666;
	-webkit-box-shadow:0px 1px 4px #666;
	box-shadow: 0px 1px 4px #666;
}
/*-------------------------------------*/
/*** Branch Column Item Edit Header ***/
/*-----------------------------------*/
.flw-prpty-header-bg
{
	background:url(../images/forms/edit-prop-header-bg.png) repeat-x scroll 0 0 #c2c2c2;
	border:1px solid #5F5F5F;
}

h5.flw-prpty-header{}

.flw-prpty-header-bg img{}

/*----------------------------------------------------*/
/*** Branch Column Item Edit Header Button Setting ***/
/*--------------------------------------------------*/
li.flow-stage-edit-li
{
	vertical-align:middle;
}

/*-----------------------------------------*/
/*** Branch Column item Edit Sub-Header ***/
/*---------------------------------------*/
h6.flw-prpty-header
{
	background:#e0edf6;
	border:1px solid #9cbec1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-shadow:none;
	font-weight:bold;
	color:#366382;
	font-size:90%;
}

/*----------------------------------------*/
/*** Sub-Header Item Edit Icon Setting ***/
/*--------------------------------------*/
h6.flw-prpty-header img{}
/*-------------------------------------*/
/*** Sub-Header Item Edit hyperlink ***/
/*-----------------------------------*/
h6.flw-prpty-header:hover
{
	background:#eef8ff;
}
/*----------------------------------------------*/
/*** Branch Column Item Edit Inner Container ***/
/*--------------------------------------------*/
.flow-content-section
{
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border: 1px solid #9cbec1;
	background:#f2f8fc;
}
label.flow-edit-label
{
	float:left;
	text-align:right;
}
/*----------------------------------------------------------------------------------------------------*/
/*################################## SLA Page Library Settings ##################################*/
/*--------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------*/
/*########## SLA Summary Milestone Library ##########*/
/*--------------------------------------------------*/
/*----------------------------------------------*/
/*** SLA Summary Milestone Icon Positioning ***/
/*--------------------------------------------*/
.sla-summary-milestones
{
	float:right;

}

.sla-sum-milestns-icon
{

	outline:0 none;

}

.sla-sum-milestns-icon
{
	cursor:pointer;
}

.sla-sum-milestns-icon 
{
	background:none repeat scroll 0 0 transparent;
}
/*----------------------------*/
/* SLA Summary Icon Container*/
/*--------------------------*/
.sla-sum-milestns-container {
	border:1px solid #F5F5F5;
}

.ie .sla-sum-milestns-container {}

.sla-sum-milestns-container:hover 
{
	background:#fff;
	border:1px solid #6d94b5;
	margin-top: 3px;
}
/*-----------------------------------------*/
/*** SLA Summary Milestone Menu Listing ***/
/*---------------------------------------*/
.sla-sum-milestones-listing 
{
	background:url(../images/forms/field-edit-settings-bg.png) repeat-y scroll 0 0 #71AFDE;	
	font-weight:normal;
	line-height:1.5em;
	font-size:1em;
}
/*----------------------------------------------*/
/*** SLA Summary Milestone Container Listing ***/
/*--------------------------------------------*/
.sla-sum-milestns-container
.sla-sum-milestones-listing 
{
	background:none repeat scroll 0 0 transparent;

}

.sla-sum-milestones-listing ul 
{
	-moz-box-shadow:0 1px 4px #000;
	background: url(../images/forms/sla-summary-bg.png) repeat-x #eee;
	border:1px solid #6d94b5;
}

.sla-sum-milestns-container .sla-sum-milestones-listing > ul {}

.sla-sum-milestns-container .sla-sum-milestones-listing > ul.reverted {}

.sla-sum-milestones-listing:hover > ul, 
.sla-sum-milestones-listing :hover > ul {}

.sla-sum-milestones-listing ul li 
{
	color:#268abc;
	font-weight:bold;
	font-size:0.8em;
	text-shadow: none;

}

.ie7 .sla-sum-milestones-listing > ul > li, 
.ie7 .sla-sum-milestones-listing ul li:hover > ul > li 
{
	text-indent:35px;
}

.sla-sum-milestones-listing ul li.sep-dotted 
{
	border-bottom:1px solid white;
	border-top:1px dotted #ADADAD;
	font-size:0;
	line-height:0;
}

.ie7 .sla-sum-milestones-listing ul li a 
{
	text-indent:0;
}

.sla-sum-milestones-listing ul li:hover 
{
	color:#1c3643;
	font-weight:bold;
	cursor: pointer;
}

.sla-sum-milestones-listing ul li.sep:hover {}

.sla-sum-milestones-listing ul li.sep-dotted:hover {}

.sla-sum-milestones-content 
{
	text-align:left;
}

/*------------------------------------------------------*/
/*########## SLA Content Container / Wrapper ##########*/
/*----------------------------------------------------*/

/*--------------------------*/
/*** SLA Content Wrapper ***/
/*------------------------*/
.sla-wrapper
{
	background:#f5f5f5;
	border:1px solid #cdcaca;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;	
	font-size:1.2em;
	text-align:center;
	color:#999;
	font-weight: normal;	
}
.sla-inner-wrapper {
	overflow-x: auto;
	overflow-y: hidden;
}
.sla-inner-wrapper2 {
}
/*------------------------*/
.sla-summary-icn
{
	float:right;	
}
.sla-summary-icn:hover{}

/*--------------------------------*/
/*** SLA CONTAINER ON Settings ***/
/*------------------------------*/
.sla-seg-container-on
{
	background:url(../images/forms/sla-seg-bg.png) repeat-x #c5e8fa;
	border:1px solid #268bc1;	
	float:left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align:center;
	display:inline-block;
	zoom:1; /*for ie fix*/
	*display: inline; /*for ie fix*/
}

.sla-seg-container-on .sla-seg-header
{
	background: url(../images/forms/sla-seg-head-bg.png) repeat-x #2787b7;
	color:#fff;
	text-shadow:none;
}

.sla-edit-icon-wrap
{
}

.sla-move-icon {
	background-image: url(../images/forms/sla-seg-gen-icn-move.png);
	width: 14px;
	height: 14px;
}
.sla-edit-icon {
	background-image: url(../images/forms/sla-seg-gen-icn-setting.png);
	width: 14px;
	height: 14px;
}

.sla-edit-icon{}

.sla-content-wrap{}

.sla-content-li
{
	vertical-align: middle;
	color:#0c5d90;
	text-shadow:none;
	font-size:.8em;
}
.sla-seg-container-off {
	display:inline-block;
	zoom:1; /*for ie fix*/
	*display: inline; /*for ie fix*/
}

.sla-seg-container-on .sla-content-li img {
	background-image: url(../images/forms/sla-seg-gen-icn-on.png);
	width: 24px;
	height: 29px;
}
.sla-seg-container-on .sla-content-li-arrow img {
	background-image: url(../images/forms/sla-seg-gen-icn-arw-on.png);
	width: 11px;
	height: 7px;
}
.sla-seg-container-off .sla-content-li img {
	background-image: url(../images/forms/sla-seg-gen-icn-off.png);
	width: 24px;
	height: 29px;
}
.sla-seg-container-off .sla-content-li-arrow img {
	background-image: url(../images/forms/sla-seg-gen-icn-arw-off.png);
	width: 11px;
	height: 7px;
}
/*---------------------------------*/
/*** Segment Edit Item Setting ***/
/*---------------------------------*/
.sla-content-edit
{
	background:#f1f1f1;
	border:1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: move;
}

.sla-edit-icon-wrapper
{
	background:url(../images/forms/field-edit-settings-bg.png) repeat-y scroll 0 0 #71AFDE;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:1px solid #ccc;
}

.sla-milestones-icon{}
	
/*--------------------------------*/
/*** SLA CONTAINER Off Settings ***/
/*--------------------------------*/
.sla-seg-container-off
{
	background:url(../images/forms/sla-seg-bg-off.png) repeat;
	border:1px solid #ccc;
	float:left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.sla-seg-container-off .sla-seg-header
{
	background-color:#e3e3e3;
	background-image: none;
	color:#bfbbbb;
	text-shadow:none;
}

li.sla-content-li-off
{
	vertical-align:top;
	color:#0c5d90;
	text-shadow:none;
	font-size:.8em;
}
/*-------------------------------------------------*/
/*###### Item Edit Milestones Menu Settings ######*/
/*-----------------------------------------------*/
.milestones-icon
{
	outline:0 none;
	
}

.milestones-icon {}

.milestones-icon 
{
	background:none repeat scroll 0 0 transparent;
}

.milestones-container {}

.ie .milestones-container {
	
}

.milestones-container:hover 
{
	background:#24435e;
	outline:none;
	cursor: pointer;
}
/*------------------------------*/
/*** Edit Milestone Settings ***/
/*----------------------------*/
.edit-milestones
{
	background:url(../images/forms/field-edit-settings-bg.png) repeat-y scroll 0 0 #71AFDE;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:1px solid #ccc;
}
/*-----------------------------------*/
/*** Edit Milestone Menu Listings ***/
/*-----------------------------------*/
.milestones-listing 
{
	background:url(../images/forms/field-edit-settings-bg.png) repeat-y scroll 0 0 #71AFDE;
	font-weight:normal;
	line-height:1.5em;
	font-size:1em;
}

.milestones-container .milestones-listing 
{
	background:none repeat scroll 0 0 transparent;
	
}

.milestones-listing ul 
{
	-moz-box-shadow:0 1px 4px #000;
	background: url(../images/forms/sla-summary-bg.png) repeat-x #eee;
	border:1px solid #6d94b5;
	z-index:999999;
}

.milestones-container .milestones-listing > ul {}

.milestones-container .milestones-listing > ul.reverted {}

.milestones-listing:hover > ul, 
.milestones-listing :hover > ul {}

.milestones-listing ul li
{
	color:#268abc;
	font-weight:bold;
	text-shadow: none;
	font-size:0.8em;
}

.ie7 .milestones-listing > ul > li, 
.ie7 .milestones-listing ul li:hover > ul > li 
{
	text-indent:35px;
}
.milestones-listing ul li.sep 
{
	border-bottom:1px solid white;
	border-top:1px solid #ADADAD;
	font-size:0;
	line-height:0;
}

.milestones-listing ul li.sep-dotted 
{
	border-bottom:1px solid white;
	border-top:1px dotted #ADADAD;
	font-size:0;
	line-height:0;
}

.ie7 .milestones-listing ul li.sep {}

.milestones-listing ul li a {}

.ie7 .milestones-listing ul li a 
{
	text-indent:0;
}

.milestones-listing ul li:hover 
{
	color:#1c3643;
	font-weight:bold;
	cursor:pointer;
}

.milestones-listing ul li.sep:hover {}

.milestones-listing ul li.sep-dotted:hover {}

.milestones-listing ul li:hover > a {}

.milestones-content 
{
	text-align:left;
}

/*-------------------------------------------------------------------*/
/*########## Edit Milestone SLA Property Library Settings ##########*/
/*-----------------------------------------------------------------*/

/*------------------------------------------------------*/
/*** Edit Milestone SLA Property Container Settings ***/
/*----------------------------------------------------*/
.edit-sla-container
{
	-moz-box-shadow:0 2px 3px #959595;
	background:none repeat scroll 0 0 #D6D6D6;
	border:1px solid #8E8E8E;
}

.edit-sla-container img{}

/*---------------------------------------------------*/
/*** Edit Milestone SLA Property Header Settings ***/
/*-------------------------------------------------*/
h5.edit-sla-header
{
	background:url(../images/forms/edit-prop-header-bg.png) repeat-x #c6c6c6;
	-moz-box-shadow:0 1px 2px #545454;
	border-bottom:1px solid #5f5f5f;
	text-shadow:none;
}

h5.edit-sla-header img{}

/*---------------------------------------------------*/
/*** Edit Milestone SLA Property Button Settings ***/
/*-------------------------------------------------*/
.sla-property-btn
{
	float:right;
}

input.sla-bttn[type="submit"], 
input.sla-bttn[type="button"] 
{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:url(../images/forms/prop-save-bttn-bg.png) repeat-x scroll 0 0 #076bb1;
	border:medium none;
	color:#FFFFFF;
	font-size:1em; 
	font-weight:bold; 
	text-shadow:0 1px 0 #248dd6;
}

input.sla-bttn[type=submit]:hover,
input.sla-bttn[type=button]:hover
{
	background:#0065a9;
}
input.sla-add-bttn[type="submit"],
input.sla-add-bttn[type="button"]
{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:#193c5c;
	border:medium none;
	color:#FFFFFF;
	font-size:1em; 
	font-weight:bold; 
/*	text-shadow:0 1px 0 #248dd6;*/
}

input.sla-add-bttn[type=submit]:hover,
input.sla-add-bttn[type=button]:hover
{
	background:#0065a9;
}
/*----------------------------------------------------*/
/*** Edit Milestone SLA Section Button Positioning ***/
/*--------------------------------------------------*/
.sla-section-btn
{
	float:right;
}

li.sla-btn-li {}

/*-------------------------------------------*/
/*** Edit Milestone SLA Section Container ***/
/*-----------------------------------------*/
.sla-sec-container
{
	background:#fff;
	border:1px solid #b6c5d8;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.sla-sec-container .header
{
	background:#dce9f6 url(../images/general/ctr-col-hd-inr-bg.png) repeat-x;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #9CBEC1;
}

.sla-sec-container .header:hover
{
	background:#eef8ff;
}

.sla-sec-container .header span
{
	font-size:0.917em;
	font-weight:bold;
	float:left;
	cursor:n-resize;
	color:#3399CC;
	text-shadow:1px 0 1px #fff;
}

.sla-sec-container .header 
{
	float:right;
}

.switch {}

.sla-sec-container .content 
{
	background:#F2F8FC;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	border: none;
}

.sla-sec-container .header img
{
	cursor: pointer;
	float:right;
}

/*------------------------------------*/
.sla-section-container
{
	background:none repeat scroll 0 0 #F2F8FC;
	border:1px solid #9CBEC1;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

h6.sla-property-header
{
	background:#e0edf6;
	border:1px solid #9cbec1;
	padding: 7px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-shadow:none;
	font-weight:bold;
	color:#366382;
	font-size:90%;
	
}

h6.sla-property-header img{}

h6.sla-property-header:hover
{
	background:#eef8ff;
}

.sla-content-section{}
.sla-content-section label {
	width: 200px;
	float: left;
}
/*------------------------------------------------------*/
/*########## Section Colunm Library Settings ##########*/
/*----------------------------------------------------*/
/*----------------------------------------------------*/
/*-------- Blue Section Colunm Container --------*/
/*----------------------------------------------------*/
.sec-col-blue-container
{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:#C5E8FA;
	vertical-align:text-top;
	-moz-box-shadow:0 1px 4px #666;
	-webkit-box-shadow:0 1px 4px #666;
	box-shadow:0 1px 4px #666;
	float:left;
}
.sec-col-blue-container .header 
{
	background: url(../images/general/sec-col-blue-header-bg.png) repeat-x #2787b7;
	text-align:center;
	color:#fff;
	text-shadow:none;
	font-weight:bold;
}

.sec-col-blue-container .content 
{
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	background: url(../images/general/sec-col-blue-content-bg.png) repeat-x #c5e8fa;
	text-align:center;
	font-weight:bold;
	font-size:0.8em;
	color:#0c5d90;
}

.sec-col-blue-container .content .step-container{}

.step-arrow{}

.sec-col-blue-container .content li.step-list{}

.sec-col-blue-container .content li.okay
{
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background:none repeat scroll 0 0 #81C440; 
	color:#fff;
	text-align:center;
	font-size:0.917em;
}

.sec-col-blue-container .content li.okay-2
{
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background:none repeat scroll 0 0 #81C440; 
	color:#fff;
	text-align:center;
	font-size:0.917em;
}

.sec-col-blue-container .content li.okay-3
{
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background:none repeat scroll 0 0 #81C440; 
	color:#fff;
	text-align:center;
	text-shadow:0 1px #000000;
	font-size:0.917em;
}
.sec-col-blue-container .content li.critical
{
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background:none repeat scroll 0 0 #FF0000; 
	color:#fff;
	text-align:center;
	font-size:0.917em;
}

.sec-col-blue-container .content li.critical-2
{
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background:none repeat scroll 0 0 #FF0000; 
	color:#fff;
	text-align:center;
	font-size:0.917em;
}

.sec-col-blue-container .content li.critical-3
{
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background:none repeat scroll 0 0 #FF0000; 
	color:#fff;
	text-align:center;
	font-size:0.917em;
}

/*----------------------------------------------------*/
/*-------- Red Section Colunm Container --------*/
/*----------------------------------------------------*/
.sec-col-red-container
{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:#FFDFE0;
	vertical-align:text-top;
	-moz-box-shadow:0 1px 4px #666;
	-webkit-box-shadow:0 1px 4px #666;
	box-shadow:0 1px 4px #666;
	float:left;
}

.sec-col-red-container .header 
{
	background: url(../images/general/sec-col-red-header-bg.png) repeat-x #FFDFE0;
	text-align:center;
	color:#fff;
	text-shadow:none;
	font-weight:bold;
}

.sec-col-red-container .content 
{
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	background: url(../images/general/sec-col-red-content-bg.png) repeat-x #ffdfe0;
	text-align:center;
	font-weight:bold;
	font-size:1em;
	color:#000;
}

.sec-col-red-container .content .step-container{}

.sec-col-red-container .content li.step-list{}

.sec-col-red-container .content li.okay
{
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background:none repeat scroll 0 0 #81C440; 
	color:#fff;
	text-align:center;
	font-size:0.917em;
}

.sec-col-red-container .content li.okay-2
{
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background:none repeat scroll 0 0 #81C440; 
	color:#fff;
	text-align:center;
	font-size:0.917em;
}

.sec-col-red-container .content li.okay-3
{
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background:none repeat scroll 0 0 #81C440; 
	color:#fff;
	text-align:center;
	font-size:0.917em;
}

.sec-col-red-container .content li.critical
{
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background:none repeat scroll 0 0 #FF0000; 
	color:#fff;
	text-align:center;
	font-size:0.917em;
}

.sec-col-red-container .content li.critical-2
{
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background:none repeat scroll 0 0 #FF0000; 
	color:#fff;
	text-align:center;
	text-shadow:0 1px #000000;
	font-size:0.917em;
}

.sec-col-red-container .content li.critical-3
{
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background:none repeat scroll 0 0 #FF0000; 
	color:#fff;
	text-align:center;
	text-shadow:0 1px #000000;
	font-size:0.917em;
}

/*-----------------------------------------*/
/*** Section Process Selection Settings ***/
/*-----------------------------------------*/
.selection-container
{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:#e0edf6;
	border:1px solid #9cbec1;
}

label.selection-header
{
	color:#fff; background:#3f4c6b;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-shadow:none;
	font-weight:bold;
}

/*------------------------------------*/
/*** Section Warning Menu Settings ***/
/*----------------------------------*/
.warning-icn
{
	outline:0 none;
}

.warning-icn {}

.warning-icn 
{
	background:none repeat scroll 0 0 transparent;
}

a.warning-icn:hover {}

.warning-icn img {}

.warning-icn img:hover {}

.warning-container {}

.ie .warning-container {}

.warning-container:hover 
{
	-moz-box-shadow: 0 1px 4px #000;
	-webkit-box-shadow: 0 1px 4px #000;
	box-shadow: 0 1px 4px #000;
	background:#ddd;
	outline:none;
	cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: none;
}
.edit-warning
{
	background:url(../images/forms/field-edit-settings-bg.png) repeat-y scroll 0 0 #71AFDE;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:1px solid #ccc;
}

.warning-listing 
{
	background:url(../images/forms/field-edit-settings-bg.png) repeat-y scroll 0 0 #71AFDE;
	font-weight:normal;
	line-height:1.5em;
	font-size:1em;
}

.warning-container .warning-listing 
{
	background:none repeat scroll 0 0 transparent;
	
}

.warning-listing ul 
{
	-moz-box-shadow: 0 1px 4px #000;
	-webkit-box-shadow: 0 1px 4px #000;
	box-shadow: 0 1px 4px #000;
	background:#ececec;
	font-size:1em;
}

.warning-container .warning-listing > ul {}

.warning-container .warning-listing > ul.reverted {}

.warning-listing:hover > ul, .warning-listing :hover > ul {}

.warning-listing ul li 
{
	color:#268abc;
	font-weight:bold;
	text-shadow: none;
	font-size:0.8em;
}

.ie7 .warning-listing > ul > li,
.ie7 .warning-listing ul li:hover > ul > li 
{
	text-indent:35px;
}

.warning-listing ul li.sep 
{
	border-bottom:1px solid white;
	border-top:1px solid #ADADAD;
	font-size:0;
	line-height:0;
}

.warning-listing ul li.sep-dotted 
{
	border-bottom:1px solid white;
	border-top:1px dotted #ADADAD;
	font-size:0;
	line-height:0;
}

.ie7 .warning-listing ul li a 
{
	text-indent:0;
}
.warning-listing ul li:hover 
{
	color:#1c3643;
	
	font-weight:bold;
	cursor:pointer;
}
.warning-listing ul li.sep:hover {}

.warning-listing ul li.sep-dotted:hover {}

.warning-listing ul li:hover > a {}

.warning-content 
{
	text-align:left;
	background:#fff;
	border:1px solid #828486;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.warning-content:hover
{
	background:#e8e8e8;
}

.warning-content h5
{
	color:#FF0000;
	font-size:1.167em;
	padding:5px;
	border-bottom: dotted 1px #333;
}

.warning-content h5:hover{}

.warning-num-list
{
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: url(../images/general/warning-num-list-bg.png) repeat-x #bbc1c9;
	color:#fff;
	font-size:0.917em;
	text-align:center;
	text-shadow:0 1px #000000;
}

.warning-label
{
	color:#333;
	text-align:right;
	font-size:13px;
	font-weight:bold;
	border-bottom: dotted 1px #333;
}

.warning-info
{
	color:#333;
	text-align:left;
	font-size:1em;
	border-bottom: dotted 1px #333;
}
/*-------------------------------------------*/
/*** Section Notification Legend Settings ***/
/*-----------------------------------------*/
.legend-container
{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:none repeat scroll 0 0 #FFFFFF;
	border:1px solid #DDDDDD;
	clear:both;
}

li.legend
{	
	font-weight:bold;
	color:#000;
}

li.legend img{}

/*-----------------------------------------------------------------------------------------*/
/*############################## Comments Library Settings :##############################*/
/*---------------------------------------------------------------------------------------*/
.comments-wrapper
{
	background:url(../images/forms/slider-container-bg.png) repeat-x #dfdfdf; 
}

.comments-wrapper .header
{
	background:none; 
	font-weight:bold; 
	border:none;
}

.comments-slider
{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background:url(../images/forms/slider-blue-bg.png) repeat-x #129ee6;
	border:1px solid #376782;
	float:right;
}

.comments-scrollbar
{
	cursor:pointer;	
}

.comment-block{}

.profile-pic
{
	-moz-box-shadow:0 1px 4px #666;
	-webkit-box-shadow:0 1px 4px #666;
	box-shadow:0 1px 4px #666; 
}

.image-block
{
	float:left;
}

.content-block{}

.user-stream-msg
{
	color:#3b5998; 
	font-size:1.3em;
}

.commentable-item{}

.commentable-list{}

.comment-arrow{}

.comment-wrapper
{
	background-color:#EDEFF4;
	border-bottom:1px solid #E5EAF1;
	float:left;
}

.comment-content div
{
	color:#666;
}

.commentable-item span{}

.accnt-pic
{
	float:left;
}
.comment-content
{
	color:#3d3039;
	font-weight:bold; 
}

input.write-comment[type="text"], 
input.write-comment[type="password"], select 
{
	background:url(../images/general/bg-ip.png) repeat-x scroll 0 0 #FFFFFF;
	border:1px solid #C0C0C0;
	color:#000000;
	font-size:1em;
	font-weight:normal;
}

input.add-comment[type="submit"], 
input.add-comment[type="button"] 
{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:url(../images/general/search-submit-bg.png) repeat-x scroll 0 0 #0769b0;
	border:1px solid #3881b6;
	color:#FFFFFF;
	text-shadow:0 1px 0 #248dd6;
	text-shadow:#0c62c6 0 1px 1px;
}

input.add-comment[type=submit]:hover, 
add-comment[type=button]:hover,
{
	background:#0065a9;
}
/*-----------------------------------*/
/*###### Custom Width Library ######*/
/*---------------------------------*/

/*-----------------------*/
/*** In Pixel Format ***/
/*--------------------*/
.width-122px
{
	width:122px !important;
}
.width-123px
{
	width:123px !important;
}


/*---------------------------*/
/*** In Percentage Format ***/
/*-------------------------*/

.width-16
{
	width:16% !important;
}

.width-17
{
	width:17% !important;
}

.width-18
{
	width:18% !important;
}

.width-19
{
	width:19% !important;
}

.width-21
{
	width:21% !important;
}

.width-22
{
	width:22% !important;
}

.width-23
{
	width:23% !important;
}

.width-24
{
	width:24% !important;
}

.width-31
{
	width:31% !important;
}

.width-32
{
	width:32% !important;
}

.width-33
{
	width:33% !important;
}

.width-34
{
	width:34% !important;
}

.width-41
{
	width:41% !important;
}

.width-42
{
	width:42% !important;
}

.width-43
{
	width:43% !important;
}

.width-44
{
	width:44% !important;
}

.width-46
{
	width:46% !important;
}

.width-47
{
	width:47% !important;
}

.width-48
{
	width:48% !important;
}

.width-49
{
	width:49% !important;
}

.width-61
{
	width:61% !important;
}

.width-62
{
	width:62% !important;
}

.width-63
{
	width:63% !important;
}
.width-64
{
	width:64% !important;
}

.width-86
{
	width:86% !important;
}
.width-87
{
	width:87% !important;
}
.width-88
{
	width:88% !important;
}
.width-89
{
	width:89% !important;
}

.width-91
{
	width:91% !important;
}

.width-92
{
	width:92% !important;
}

.width-93
{
	width:93% !important;
}

.width-94
{
	width:94% !important;
}

.width-96
{
	width:96% !important;
}

.width-97
{
	width:97% !important;
}

.width-98
{
	width:98% !important;
}

.width-99
{
	width:99% !important;
}

/*------------------------------------*/
.padding-left140px
{
padding-left: 140px !important;	
}

.margin-left140px
{
	margin-left: 140px !important;
}

/* START: sop mask */
#init-sop-mask {
    background: #ccc;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    filter: alpha(opacity=60);
}
#sop-mask {
	background: #ccc;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99999;
	width: 100%;
	height: 100%;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

#sop-mask table {
	width: 100%;
	height: 100%;
}

#sop-mask td {
	text-align: center;
	vertical-align: middle;
}

#sop-mask .sop-mask-progress-bar {
	width: 62px;
	height: 13px;
	margin-left: auto;
	margin-right: auto;
	background-image: url("../images/general/loader.gif");
}

/* END: sop mask */

/*-----------------------------------------------------*/
/*-----------Table Styling without border-------------*/
/*-----------------------------------------------------*/
.table2, 
.with-head
{}

.table2{ width: 100%; }

.table2:last-child, 
.with-head:last-child{}

.table2.last-child, 
.with-head.last-child{}

.table2 thead th,
.table2 thead td, 
.head
{
	
	border:none;
	color:#3d3039;
	font-weight:bold;

}

.table2 thead th {
	position: relative;
	height: 20px;
}

.table2 thead th div.sort-label {
	padding-left: 15px;
}

.table2 thead th, 
.table2 thead td
{
	text-align:left;
	vertical-align:top;
}
.table2 tbody th, 
.table2 tbody td, 
.table2 tfoot th, 
.table2 tfoot td
{
	
	text-align:left;
	vertical-align:top;
}

.table2 tbody th, 
.table2 tbody td, 
.table2 tfoot th, 
.table2 tfoot td {
    padding: 0.45em;
}

.table2, 
.with-head {
    margin-bottom: 1.667em;
}

.table2 thead th, .table2 thead td {
    padding: 0 0.45em;
}


/* table2 column-sort */
.table2 .column-sort {
    width: 14px;
	position: absolute;
	border: none;
	margin: 0;
}

.table2 .column-sort .sort-up:active, .table2 .column-sort .sort-up.active {
    background-position:-31px 0;
}

.table2 .column-sort .sort-down:active, .table2 .column-sort .sort-down.active {
	background-position:-31px bottom;
}


.table2 .column-sort .sort-up:hover {
	background-position:-15px 0;
}

.table2 .column-sort .sort-down:hover {
	background-position:-15px bottom;
}

.table2 .column-sort .sort-up {
    background-position: 0 1px;
}

.table2 .column-sort .sort-up, 
.table2 .column-sort .sort-down {
    background:url(../images/general/table-sort-arrows2.png) no-repeat scroll 0 0;
}

.table2 .column-sort .sort-up, 
.table2 .column-sort .sort-down {
    display: block;
    height: 10px;
    width: 13px;
	border: none;
}


.table2 .column-sort .sort-down {
    background-position: 0 bottom;
}

/* checkbox required */
form.form div span {
	padding:3px 0 0 20px;
}

form.form div.required span {
	background: transparent url(../images/general/asteric.png) no-repeat scroll 3px 0;
}

form.form div.approved span {
	background:url(../images/general/icon-accept.png) no-repeat scroll 3px 0 transparent;
}

/* textarea required */
form.form div textarea {
	background: url(../images/general/bg-ip.png) repeat-x scroll 0 0 #FFFFFF;
	padding:3px 0 0 20px;
}

form.form div.required textarea {
	background:url(../images/general/required-bg.png) no-repeat scroll 0 0 transparent;
}
		
form.form div textarea.approved {
	background:url(../images/general/accept-bg.png) repeat-x scroll 0 0 transparent;
}	
		
/* treeview */
form.form div.required .treeview span {
	padding: 0;
	background: none;
}


/* START: sla */
.sla-milestone img {
	background-image: url(../images/forms/sla-seg-gen-icn-on.png);
}
.sla-milestone-separator {
	background: url(../images/forms/sla-seg-gen-icn-arw-on.png) no-repeat scroll 50% 50% transparent;
}

.sla-stage img {
	background-image: url(../images/forms/sla-tracker-small.png);
}
.sla-stage-wrapper {
	-moz-border-radius: 5px;
    border: 1px solid #CCCCCC;
	padding: 5px 10px;
}
.sla-stage-separator {
	width: 5px;
}
.sla-stage-wrapper .sla-milestone-text {
	font-weight: bold;
}

.sla-stage-text {
	font-size: 11px;
}

.sla-milestone-wrapper {
	-moz-border-radius: 5px;
    border: 1px solid #CCCCCC;
	padding: 5px 10px;
}

.sla-segment-wrapper table {
	background-image: url(../images/forms/sla-seg-bg.png);
	background-repeat: repeat-x;
	width: 100%;
	background-color: #C5E8FA;
}
.sla-milestone table {
	background: none;
}

.sla-segment-setting-button {
	position: absolute;
	right: 0;
	top: 0;
	width: 16px;
	height: 16px;
	background-image: url(../images/forms/sla-seg-gen-icn-setting.png);
	cursor: pointer;
}

.mode-rearrange .sla-segment-setting-button,
.mode-merge .sla-segment-setting-button,
.mode-split .sla-segment-setting-button {
	display: none;
}

.mode-merge .sla-segment-title {
	background-color: #666;
	cursor: pointer;
}
.mode-merge .sla-segment-wrapper.selected .sla-segment-title {
	background-color: #258DC8;
}

.mode-merge .sla-milestone-wrapper {
	background-color: #666;
	color: #fff;
	cursor: pointer;
}

.mode-merge .sla-milestone.selected .sla-milestone-wrapper {
	background-color: #258DC8;
}

.mode-split .sla-milestone-wrapper {
	cursor: pointer;
}

.mode-split .sla-milestone-wrapper:hover {
	background-color: #258DC8;
	color: #fff;
}

.mode-split .sla-stage {
	cursor: pointer;
	-moz-border-radius: 5px;
}

.mode-split .sla-stage:hover {
	background-color: #258DC8;
	color: #fff;
}

#sla-config-wrapper.inner-accordion {
	background-color: transparent;
}

.sla-sum-milestns-icon img, .edit-sla-header img {
	background: url(../images/forms/sla-circ-icn.png) no-repeat;
	width: 19px;
	height: 16px;
}

#sla-config-wrapper .sla-edit-only {
	display: none;
}

#sla-config-wrapper.mode-edit .sla-edit-only {
	display: block;
}

#sla-config-wrapper .sla-visible-edit-only {
	visibility: hidden;
}

#sla-config-wrapper.mode-edit .sla-visible-edit-only {
	visibility: visible;
}

#sla-config-wrapper.mode-edit .sla-view-only {
	display: none;
}
#sla-config-response-time-slider, #sla-config-sla-slider {
	width: 300px;
	background: none repeat scroll 0 0 #8DC400;
	border: 1px solid #4B6700;
}
#sla-config-response-time-slider .ui-slider-handle,
#sla-config-sla-slider .ui-slider-handle {
    background-color: #FF9B08;
    background-image: none;
    height: 8px;
    padding: 4px;
    width: 8px;
	border: 1px solid #EF9023;
}
#sla-config-sla-slider .ui-slider-range {
	background-color: #FFCF43;
	background-image: none;
}

#sla-merge-action {
	float: left;
}
#sla-overall {
	display: none;
}
/* END: sla */

/* START: toggle-input */
.toggle-button {
	margin-right: 5px;
	float: left;
}
.toggle-button input {
	display: none;
}
.toggle-button label {
	font-family: tahoma;
	font-size: 13px;
	cursor: pointer;
}

.toggle-button-label {
	background: url(../images/general/toggle-button.gif) repeat-x;
	display: block;
	float: left;
	line-height: 30px;
	display: block;
	font-weight: bold;
	padding: 0 10px;
	border: 1px solid #999;
	border-style: solid none solid solid;
	color: #666;
	text-shadow: 1px 0 0 #FFFFFF;
}

.toggle-button-label-first {
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	padding: 0 10px;
}

.toggle-button-label-last {
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	padding: 0 10px;
	border-right-style: solid;
}

.toggle-button-label:hover {
	background-image: none;
	background-color: #fff;
	color: #333;
}

.toggle-button-selected,
.toggle-button-selected:hover {
	background: url(../images/general/toggle-button.gif) repeat-x;
	background-position: 0 -62px;
	color: #fff;
	text-shadow: none;
}
/* END: toggle-input */