/*------------------------------------------*/
/*** Default CSS Styling Reset ***/
/*------------------------------------------*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}
/*------------------------------------------*/
/*Default Body Reset - With Left Navigation*/
/*------------------------------------------*/
body
{
	margin:auto;
	padding:auto;
}
/*------------------------------------------*/
/*Default Blockquote Reset*/
/*------------------------------------------*/
blockquote:before, blockquote:after, q:before, q:after
{
	content:"";
}
blockquote,q
{
	quotes:"" "";
}

/*------------------------------------------*/
/*** Default Image Reset ***/
/*------------------------------------------*/
a img			
{	
	border:none;
}

img				
{	
	border:0;
}

img.mid-align	
{	
	margin-right:5px;
}

/*-------------------------------------*/
/*###### Header Text ######*/
/*------------------------------------*/

/*------------------------*/
/*** H1 ***/
/*------------------------*/
h1
{	
	font-size: 2em; /*2em = 32px*/
	margin:0;
	padding:0;
}

/*------------------------*/
/*** H2 ***/
/*------------------------*/
h2
{
	font-size: 1.5em; /*1.5em = 24px*/
	margin:0;
	padding:0;	
}

/*------------------------*/
/*** H3 ***/
/*------------------------*/
h3{
	font-size: 1.313em; /*1.313em = 21px*/
	margin:0;
	padding:0;
}	
/*------------------------*/
/*** H4 ***/
/*------------------------*/
h4
{
	font-size: 1.188em; /*1.188em = 19px*/
	margin:0;
	padding:0;	
}
/*------------------------*/
/*** H5 ***/
/*------------------------*/
h5
{
	font-size: 1em;/*1em = 16px*/
	margin:0;
	padding:0;	
}
/*------------------------*/
/*** H6 ***/
/*------------------------*/
h6
{
	font-size: 1em;/*1em = 16px*/
	margin:0;
	padding:0;
}

/* Page Specific
---------------------------------------------------------------------*/
pre
{
	padding:10px;
}

/*-----------------------------------*/
/*###### Custom Width Library ######*/
/*---------------------------------*/
/*-----------------------*/
/*** In Pixel Format ***/
/*--------------------*/
.width-auto
{
 width:auto;
}
.width-10px
{
	width: 10px !important;
}
.width-20px
{
	width: 20px !important;
}
.width-30px
{
	width: 30px !important;
}
.width-40px
{
	width: 40px !important;
}
.width-50px
{
	width: 50px !important;
}
.width-60px
{
	width: 60px !important;
}
.width-70px
{
	width: 70px !important;
}
.width-80px
{
	width: 80px !important;
}
.width-90px
{
	width: 90px !important;
}
.width-100px
{
	width: 100px !important;
}
.width-110px
{
	width: 110px !important;
}
.width-120px
{
	width: 120px !important;
}
.width-130px
{
	width: 130px !important;
}
.width-140px
{
	width: 140px !important;
}
.width-150px
{
	width: 150px !important;
}
.width-160px
{
	width: 160px !important;
}
.width-170px
{
	width: 170px !important;
}
.width-180px
{
	width: 180px !important;
}
.width-190px
{
	width: 190px !important;
}
.width-200px
{
	width: 200px !important;
}
.width-210px
{
	width: 210px !important;
}
.width-220px
{
	width: 220px !important;
}
.width-230px
{
	width: 230px !important;
}
.width-240px
{
	width: 240px !important;
}
.width-250px
{
	width: 250px !important;
}
.width-260px
{
	width: 260px !important;
}
.width-270px
{
	width: 270px !important;
}
.width-280px
{
	width: 280px !important;
}
.width-290px
{
	width: 290px !important;
}
.width-300px
{
	width: 300px !important;
}
.width-310px
{
	width: 310px !important;
}
.width-320px
{
	width: 320px !important;
}
.width-330px
{
	width: 330px !important;
}
.width-340px
{
	width: 340px !important;
}
.width-350px
{
	width: 350px !important;
}
.width-360px
{
	width: 360px !important;
}
.width-370px
{
	width: 370px !important;
}
.width-380px
{
	width: 380px !important;
}
.width-390px
{
	width: 390px !important;
}
.width-400px
{
	width: 400px !important;
}
.width-410px
{
	width: 410px !important;
}
.width-420px
{
	width: 420px !important;
}
.width-430px
{
	width: 430px !important;
}
.width-440px
{
	width: 440px !important;
}
.width-450px
{
	width: 450px !important;
}
.width-460px
{
	width: 460px !important;
}
.width-470px{
	width: 470px !important;
}
.width-480px
{
	width: 480px !important;
}
.width-490px
{
	width: 490px !important;
}
.width-500px
{
	width: 500px !important;
}
.width-510px
{
	width: 510px !important;
}
.width-520px
{
	width: 520px !important;
}
.width-530px
{
	width: 530px !important;
}
.width-540px
{
	width: 540px !important;
}
.width-550px
{
	width: 550px !important;
}
.width-560px
{
	width: 560px !important;
}
.width-570px
{
	width: 570px !important;
}
.width-580px
{
	width: 580px !important;
}
.width-590px
{
	width: 590px !important;
}
.width-600px
{
	width: 600px !important;
}
/*---------------------------*/
/*** In Percentage Format ***/
/*-------------------------*/
.width-5
{
	width:5% !important;
}
.width-10
{
	width:10% !important;
}
.width-15
{
	width:15% !important;
}
.width-20
{
	width:20% !important;
}
.width-25
{
	width:25% !important;
}
.width-30
{
	width:30% !important;
}
.width-35{
	width:35% !important;
}
.width-40
{
	width:40% !important;
}
.width-45
{
	width:45% !important;
}
.width-50
{
	width:50% !important;
}
.width-55
{
	width:55% !important;
}
.width-60
{
	width:60% !important;
}
.width-65
{
	width:65% !important;
}
.width-70
{
	width:70% !important;
}
.width-75
{
	width:75% !important;
}
.width-80
{
	width:80% !important;
}
.width-85
{
	width:85% !important;
}
.width-85
{
	width:85% !important;
}
.width-90
{
	width:90% !important;
}
.width-95
{
	width:95% !important;
}
.width-100
{
	width:100% !important;
}

/*------------------------------------*/
/*###### Custom Height Library ######*/
/*----------------------------------*/

/*-----------------------------*/
/*** Height in pixel format ***/
/*---------------------------*/
.height-10px
{
	height:10px !important;
}
.height-20px
{
	height:20px !important;
}
.height-30px
{
	height:30px !important;
}
.height-40px
{
	height:40px !important;
}
.height-50px
{
	height:50px !important;
}
.height-60px
{
	height:60px !important;
}
.height-70px
{
	height:70px !important;
}
.height-80px
{
	height:80px !important;
}
.height-90px
{
	height:90px !important;
}
.height-100px
{
	height:100px !important;
}
.height-110px
{
	height:110px !important;
}
.height-120px
{
	height:120px !important;
}
.height-130px
{
	height:130px !important;
}
.height-140px
{
	height:140px !important;
}
.height-150px
{
	height:150px !important;
}
.height-160px
{
	height:160px !important;
}
.height-170px
{
	height:170px !important;
}
.height-180px
{
	height:180px !important;
}
.height-190px
{
	height:190px !important;
}
.height-200px
{
	height:200px !important;
}
.height-210px
{
	height:210px !important;
}
.height-220px
{
	height:220px !important;
}
.height-230px
{
	height:230px !important;
}
.height-240px
{
	height:240px !important;
}
.height-250px
{
	height:250px !important;
}
.height-260px
{
	height:260px !important;
}
.height-270px
{
	height:270px !important;
}
.height-280px
{
	height:280px !important;
}
.height-290px
{
	height:290px !important;
}
.height-300px
{
	height:300px !important;
}
.height-310px
{
	height:310px !important;
}
.height-320px
{
	height:320px !important;
}
.height-330px
{
	height:330px !important;
}
.height-340px
{
	height:340px !important;
}
.height-350px
{
	height:350px !important;
}
.height-360px
{
	height:360px !important;
}
.height-370px
{
	height:370px !important;
}
.height-380px
{
	height:380px !important;
}
.height-390px
{
	height:390px !important;
}
.height-400px
{
	height:400px !important;
}
/*-----------------------------------------*/
/*###### Icon Size Library Settings ######*/
/*---------------------------------------*/
.icon8px
{
	width:8px; height:8px;
}
.icon12px
{
	width:12px; height:12px;
}
.icon14px
{
	width:14px; height:14px;
}
.icon16px
{
	width:16px; height:16px;
}
.icon24px
{
	width:24px; height:24px;
}
.icon32px
{
	width:32px; height:32px;
}
.icon64px
{
	width:64px; height:64px;
}
.icon128px
{
	width:128px; height:128px;
}
.icon256px
{
	width:256px; height:256px;
}
/*------------------------------------*/
/*###### Form / Table Library ######*/
/*----------------------------------*/
/*----------------------------------------*/
/*** Form Input Styling ***/
/*--------------------------------------*/
input[type=text], input[type=password], select
{
	margin:0;
	padding:4px;
}
input.search
{
	width:180px;
}
textarea
{
	margin:0;
	padding:3px 5px 3px 5px;
}

input[type=text]:hover, 
input[type=password]:hover, 
textarea:hover{}

input[type=text]:focus, 
input[type=password]:focus, 
textarea:focus{}

input[type=text].blur, 
input[type=password].blur, 
textarea.blur{}

input.search:hover, 
input.search:focus{}

input[type=submit], 
input[type=button]
{
	padding:5px;	 
}
/*-----------------------------------------*/
/*###### Alert Notification Library ######*/
/*---------------------------------------*/

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

/*----------------*/
/**Warning Style**/
/*--------------*/
.alert-warning
{
	margin:auto;
	padding:auto;
	cursor:pointer;
	
}
.alert-warning > p:first-child{}

.alert-warning span{}


/*--------------------*/
/**Information Style**/
/*------------------*/
.alert-info
{
	padding:0;

}

.alert-info > p:first-child{}

/*------------------*/
/**Success Style**/
/*------------------*/
.alert-success
{
	padding:auto;
}

.alert-success > p:first-child{}
/*------------------*/
/**Error Style**/
/*------------------*/
.alert-error
{
	padding:auto;
}

.alert-error > p:first-child{}

.alert-warning p, .alert-info p, .alert-success p, .alert-error p
{
	margin:15px;
}

.alert-warning, .alert-info, .alert-success, .alert-error
{
	margin:0 0 5px;
}

/*------------------*/
/***Due Style***/
/*------------------*/
.due-warning
{
	margin:auto;
	padding:auto;
	position:relative;
	top:-1px;
}

.due-warning span{}

.due-info
{
	margin:auto;
	padding:auto;
}

.due-error
{
	margin:10px 0;
	padding:auto;

}

.due-warning p, .due-info p, .due-success p, .due-error p
{
	margin:15px;
}

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

/*-----------------------*/
/*----Success Fields----*/
/*---------------------*/
input.success, textarea.success
{
	padding: 2px 0 2px 15px;
	width:25%;
}
select.success
{
	padding: 2px 0 2px 15px;
	width:25%;
}
/*-------------------------*/
/*----Mandatory Fields----*/
/*-----------------------*/
.mandatory
{
	padding: 2px 0 2px 10px;
}

input.mandatory, textarea.mandatory
{

	padding: 2px 0 2px 10px;
	width:25%;
}

select.mandatory
{
	padding: 2px 0 2px 10px;
	width:25%;
}

/*----Error Fields-----*/
input.error,textarea.error
{
	padding: 2px 0 2px 15px;	
	min-width:120px;
}

input 
{
	padding: 0;
}
/*-----------------------------------------------------*/
/*###### Form Validation Error Library Settings ######*/
/*-----------------------------------------------------*/
/*--------------------------------*/
/**Error Backgroud Warning Style**/
/*------------------------------*/
.form-alert-warning
{
	padding:auto;
	margin:0px 0 10px 0;
}
.form-alert-warning span{}

/*---------------------------------*/
/** Error Warning 3 Column Style **/
/*-------------------------------*/
/*** Error Warning Container ***/
.form-warning-container1 
{
	width:100%;
	position:relative;
	right:33.33%;
}

.form-warning-container2 
{	
	width:100%;
	position:relative;
	right:33.333%;
}

.form-warning-container3 
{	width:100%;
	overflow:hidden;
}

/*** Error Warning Column ***/
.form-warning-col1 
{
	width:29.33%;
	position:relative;
	left:68.67%;
	overflow:hidden;
}

.form-warning-col2 
{
	width:29.33%;
	position:relative;
	left:72.67%;
	overflow:hidden;
}

.form-warning-col3 
{
	width:29.33%;
	position:relative;
	left:76.67%;
	overflow:hidden;
}

/**Information Style**/
.form-alert-info
{
	margin:auto;
	padding:auto;
}

/**Error Style**/
.form-alert-error
{

	padding:auto;
	margin:10px 0 10px 0;
}

.form-alert-warning p,
.form-alert-error p
{
	margin:15px;
}

.form-alert-warning p img,
.form-alert-error p img
{
	margin:0px;
	position:relative;
	top:-2px;
}

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

.form-alert-warning ul{

	margin-bottom:20px;
	height:50%;
}

.form-alert-warning ul li
{
	padding: 0px 0px 0px 30px;
}

.form-alert-warning ul li a{}

.form-alert-warning ul li a:hover{}

/*----------------------------------*/
/**----- Form 4 Column Style -----**/
/*--------------------------------*/
.form-inner-container1 
{
	width:100%;
	position:relative;
	right:25%;
}

.form-inner-container2 
{
	width:100%;
	position:relative;
	right:25%;
}

.form-inner-container3 
{

	width:100%;
	position:relative;
	right:25%;
}

.form-inner-container4 
{
	width:100%;
	overflow:hidden;
}

.col1 
{
	width:25%;
	position:relative;
	left:75%;
	overflow:hidden;
}

.col1 small 
{
	position:relative;
	overflow:hidden;
}

.col1 small span
{
	padding:0;
}

.col2 
{
	width:25%;
	position:relative;
	left:75%;
	overflow:hidden;
}

.selectone-error
{
	border:none;
	width:120px;
}

.col2 small 
{
	position:relative;
	left:0;
	overflow:hidden;
}

.col2 small span
{
	padding-left:10px;
}

.col3 
{
	width:22%;
	position:relative;
	left:75%;
	overflow: hidden;
}

.col3 small 
{
	position:relative;
	left:0 ;
	overflow:hidden;
}

.col3 small span
{
	padding-left:10px;
}

.col4 
{
	width:25%;
	position:relative;
	left:75%;
	overflow: hidden;
}

.col4 small 
{
	position:relative;
	left:0%;
	overflow:hidden;
}

.col4 small span
{
	padding-left:10px;
}

/*-------- FORM SETTINGS -----------*/
form {
	margin: 0;
	padding: 0;
	min-width: 560px;
	max-width: 620px;
	width: 590px;
}
.nobg form {
	width: 100%;
	min-width: none;
	max-width: none;
}
form.toolbox 
{

	min-width: 400px;
	max-width: 680px;
	width: 480px;
	padding: 0 0 0 10px;
}
form fieldset 
{
	padding: 10px;
	margin: 0 0 0 0;
}
form fieldset legend 
{
	margin: 0 0 0 0;
	padding: 0 5px;
}
label {}

label u {}
input, select, textarea {}

textarea 
{
	overflow: auto;
}
/*--------------------------------------------------------------------------------*/
/*########################## Right: Toolbox Library Setting #####################*/
/*------------------------------------------------------------------------------*/
/*----------------------------*/
/*###### Tool Box ######*/
/*--------------------------*/
.form-toolbox
{
	width:265px;
	z-index:999;

}
/*----------------------------*/
/*** Show / Hide Tool Box ***/
/*--------------------------*/

.image-collapes
{
	margin:5px 0;
}

/*----------------------------------*/
/*###### FormToolbox Pallete ######*/
/*--------------------------------*/
/*---------------------------------*/
/*** FormToolbox Icon Container ***/
/*-------------------------------*/
.toolbox-pallete
{
	margin:0px;
	width:99%;
}
/*------------------------------------------*/
/*** FormToolbox Pallete Column Styling ***/
/*----------------------------------------*/
.toolbox-pallete-col1
{
	width:45%;
	padding: 0 0 0 20px;
	*padding-left:0px; /* for ie fix */
	*width:45%; /* for ie fix */
}

.toolbox-pallete-col2
{
	width:45%;
	padding:0 5px 0 0;
	*padding-right:10px; /* for ie fix */
	*width:51%; /* for ie fix */
}

li.divider{}

.toolbox-pallete ul li{
	padding:5px 0 20px 0px;

}
.toolbox-pallete ul li:hover{}

.toolbox-pallete ul li img{
	margin:0;
	position:relative;
	top:3px;
	padding: 0 5px 0 0;
}

.icon-collapse
{
	padding:0!important;
	margin:5px 0;	
	*position:relative; /*for ie 7 fix*/
	*left:20px;/*for ie 7 fix*/
}

.icon-collapse img
{
	position:relative!important;
	top:0!important;
	margin:3px!important;
	*position:relative!important;
	*left:-16px;


}
/*-----------------------------------------*/
/*** Form FlowToolbox Pallete Settings ***/
/*---------------------------------------*/
.flow-toolbox
{
	float:left;
	width:90%;
	padding: 0 0 15px 20px;
	*padding-left:0px; /* for ie fix */
}
/*--------------------------------------*/
/*###### Default Hyperlink Reset ######*/
/*------------------------------------*/
a{}

a:link{}

a:hover{}

a:visited{}

a:active{}

:focus {}

/*------------------------*/
/*Default UL/Li Reset*/
/*------------------------*/
ul.style, ol.style
{
	padding-bottom:15px;
	padding-left:30px;
}

ul.style li,ol.style li
{
	margin-bottom:5px;
	padding-left:5px;
}

ol, ul {
	list-style:none outside none;
}
/*------------------------*/
/*Default Layout Reset*/
/*------------------------*/
.clear
{
	clear:both;
}
.show
{
	display:block;
}
.hide
{
	display:none;
}
.quote
{
	width:80%;
	display:block;
	margin:auto;
	padding:20px 15px;
}

/*------------------------*/
/*Customise Text Alignment*/
/*------------------------*/
.txt-align-lft
{
	text-align:left;
}

.txt-align-rgh
{
	text-align:right;
}

.txt-align-ctr
{
	text-align:center;
}

.txt-align-jtf
{
	text-align:justify;
}

/*-------------------------*/
/*Custom Element Alignment*/
/*-----------------------*/
.float-lft
{
	float:left;
}
.float-rgh
{
	float:right;
}
/*-------------------------------------------------*/
/***########## Button Library Styling ##########***/
/*-----------------------------------------------*/

input.button[type=submit], input.button[type=button]
{
	padding:5px;
	width:85px;
}

input.button[type=submit]:hover, input.button[type=button]:hover{}

input.button[type=submit]:active, input.button[type=button]:active{}

/*-----------------------------------------------------------------------------*/
/*############################## TOP CONTAINER :##############################*/
/*---------------------------------------------------------------------------*/
/** Top Background image**/
.sop-top
{
	width:100%;
	min-width:960px;
	height:49px;
}
/*-----------------------*/
/***Top Left Main Logo***/
/*---------------------*/
.sop-top #logo
{
	width:210px;	
	margin:17px 0 0 30px;
}
/*----------------------------------*/
/***Top Left Alert & Notification***/
/*--------------------------------*/
.sop-top .alert-notification
{
	width:250px;
	height:35px;
	margin:3px 0 0 0;
	padding:3px 0px 0 0px;	
}
/*-----------------------------------------*/
/*** Singapore Lion Head Logo Container ***/
/*---------------------------------------*/
.sing-lion-head
{
	margin: 5px 5px 0 0;
}
/*------------------------------*/
/****Top Left Shortcut Icons****/
/*----------------------------*/
#shortcut
{
	display:block;
	margin-top:20px;
}

#shortcut li
{
	display:block;
}

#shortcut li a
{
	display:block;
	width:35px;
	padding:2px 5px;
}

#shortcut li a:hover{}

#shortcut li a:active, #shortcut li a.active{}

#shortcut li a img
{
	margin-bottom:0px;
}

#shortcut-notifications
{
	display:none !important;
}

/*** Tray Inbox Notification ***/
.tray-icon
{
	display:block;
	height:14px;
	width:33px;
}

.shortcut-icon-inboxtray
{
	position:absolute;
	width: 16px;
	height:12px;
	display:block;	
	margin:-10px 0px 0px 20px;
	padding:1px 3px;
	z-index:99999999;
}
/*** Alert Notification ***/
.alert-icon
{
	display:block;
	height:14px;
	width:16px;
}
.shortcut-icon-alert
{
	position:absolute;
	width: 16px;
	height:12px;
	display:block;
	margin:-10px 0px 0px 8px;
	padding:1px 3px;
	z-index:99999999;
}
/*** System Notification ***/
.system-icon
{
	display:block;
	height:15px;
	width:22px;
}
.shortcut-icon-notification
{
	position:absolute;
	width: 16px;
	height:12px;
	display:block;
	margin:-10px 0px 0px 15px;
	padding:1px 3px;
	z-index:99999999;
}
/*--------------------------------------------*/
/*###### Top Left Announcement Setion ######*/
/*------------------------------------------*/
.top-shortcut
{
	outline:0 none;
	padding:4px 4px;
	margin-top:1.15em;
}
.top-shortcut 
{
	display:inline-block;
	zoom:1; /*for ie fix*/
	*display: inline; /*for ie fix*/
	_height: 30px; /*for ie fix*/
}
.top-shortcut {}

a.top-shortcut:hover {}

.top-shortcut img 
{
	margin-bottom:-2px;
}

.top-shortcut img:hover 
{
	margin-bottom:-2px;
}

.shortcut-container 
{
	padding-right:28px;
	position:relative;
	z-index:98;
}

.ie .shortcut-container 
{
	padding-right:28px;
}

.shortcut-container:hover {}

.top-shortcut.shortcut-container
{
	padding-right:4px;
	margin-left:16px;
}

.ie .top-shortcut.shortcut-container 
{
	padding-right:4px;
}

.alert-notification .shortcut-listing 
{
	bottom:0;
	position:absolute;
	right:0;
	top:0;
	z-index:99;
}

.alert-notification .shortcut-listing span.status{}

.shortcut-container .shortcut-listing 
{
	left:0;
}
.shortcut-listing ul 
{
	display:none;
	left:1px;
	margin:0;
	padding:4px 0;
	position:absolute;
	top:100%;
	width:560px;
	z-index:999910;
}

.shortcut-container .shortcut-listing > ul 
{
	left:-1px;
}

.shortcut-container .shortcut-listing > ul.reverted 
{
	right:-1px;
}

.shortcut-listing:hover > ul, .shortcut-listing :hover > ul 
{
	display:block;
}

.shortcut-listing ul li 
{	
	margin:0;
	padding:5px 13px 7px 15px;
	position:relative;	
	z-index:999911;
}

.ie7 .shortcut-listing > ul > li, .ie7 .shortcut-listing ul li:hover > ul > li 
{
	display:inline-block;
	padding-left:0;
	padding-right:0;
	
}
.shortcut-listing ul li.sep 
{
	height:0;
	margin:2px 0;
	padding:0;
}
.shortcut-listing ul li.sep-dotted 
{
	height:0;
	margin:2px 0;
	padding:0;
}
.ie7 .shortcut-listing ul li.sep {
	z-index:999910;
}
.shortcut-listing ul li a {
	display:block;
	margin:-5px -5px -7px 9px;
	padding:5px 13px 7px 10px;

}
.shortcut-listing ul li a.viewmore {}

.ie7 .shortcut-listing ul li a {
	margin-left:26px;
	margin-right:0;
}

.shortcut-listing ul li:hover 
{
	z-index:999912;
}

.shortcut-listing ul li.sep:hover 
{
	z-index:999911;
}
.shortcut-listing ul li.sep-dotted:hover 
{
	z-index:999911;
}
.shortcut-listing ul li:hover > a {}

.shortcut-thumbnail 
{
	width:15%;
	padding-top:10px;
}

.shortcut-thumbnail img
{
	padding-top:2px;
}

.shortcut-content 
{
	width:85%;
	padding-left:10%;
}
.shortcut-content-wrapper
{
	margin:1px 0 5px 0;
	padding:5px;
	width:99.5%;
	position:relative;
	*top:-37px; /*for ie7 fix*/
	*margin:0; /*for ie7 fix*/
}
/*----------------------*/
/*** Tray Inbox Icon ***/
/*--------------------*/
.shortcut-listing .icon-trayinbox {}
/*----------------------*/
/*** Alert Icon ***/
/*----------------------*/
.shortcut-listing .icon-alert {}
/*----------------------*/
/*** Announcement Icon ***/
/*----------------------*/
.shortcut-listing .icon-announcement {}
/*----------------------*/
/*** Red Dot Icon ***/
/*----------------------*/
.shortcut-listing .icon-sla-dot-red {}
/*----------------------*/
/*** Yellow Dot Icon ***/
/*----------------------*/
.shortcut-listing .icon-sla-dot-yellow {}
/*----------------------*/
/*** Green Dot Icon ***/
/*----------------------*/
.shortcut-listing .icon-sla-dot-green {}
/*----------------------------------------*/
/***Top Right Secondary Navigation Items***/
/*---------------------------------------*/
.sop-top #nav-secondary
{
	margin:5px 35px 0 0;
}

#nav-secondary
{

	display:block;
}
#nav-secondary li
{
	display:block;
}

#nav-secondary li a
{
	display:block;
	padding:0px 15px;
}
#nav-secondary li a:hover{}

#nav-secondary li a:active{}
/*------------------------------------------------------------------------------*/
/*############################## LEFT CONTAINER :##############################*/
/*----------------------------------------------------------------------------*/
/**Left Nav Container**/
#sop-left
{
	width:213px;
	height:100%;	
}
/*-----------------------------*/
/***Left Nav Show & Hide Menu***/
/*----------------------------*/
a#show-menu
{
	display:none;
	padding:5px 10px 5px 10px;
	position:relative;
	top:5px;
	left:5px;
}

a#show-menu:hover{}

a#hide-menu
{
	display:block;
	margin-right:3px;
	padding:0px 10px 0px 30px;
}

a#hide-menu:hover{}
/*--------------------------------*/
/***Left Nav Main Menu Settings***/
/*------------------------------*/
#user-profile
{
	width:100%;
	margin:10px 10px;
}

#user-profile .user-pict
{

	width:30%;
	padding-right:5px;
}

#user-profile .user-name
{

	width:70%;
	position:relative;
}
/*--------------------------------*/
/***Left Nav Main Menu Settings***/
/*-------------------------------*/
#main-menu
{
	margin:0;
	padding:0;
	width:210px;
	display:block;
}
/*------------------------------------*/
/****Left Nav Main Menu - 1st Level****/
/*-----------------------------------*/
#main-menu li
{
	width:100%;	
	display:block;
	*margin-bottom: -5px; /* for IE 7 */
}

#main-menu li a span
{
	height:12px;
	width:12px;
	padding:0 0 0 20px;

}
#main-menu ul li a span {
background:none repeat scroll 0 0 transparent;
position:relative;
right:-75px;
}
#main-menu li a{}

#main-menu li.active
{
	height:auto;
}

#main-menu li ul
{
	margin:0 0 10px 0;
	padding:10px 0;
	display:block;
	width:100%;
	display:none;
	overflow:hidden;
}

#main-menu li a img
{
	
	margin-right:10px;
	border:0;
}

#main-menu li a
{
	display:block;
	padding:10px 20px 12px 15px;	
}

#main-menu li a:hover{}

#main-menu li.end
{
	height:1px;
}
/*--------------------------------------*/
/*****Left Nav Main Menu - 2nd Level*****/
/*-------------------------------------*/
#main-menu li ul li{}

#main-menu li ul li a{}

#main-menu li ul li a:hover{}


/* integration with jdMenu */
#main-menu li ul
{
	width: 200px;
	overflow: visible;
}

#main-menu > li > ul.jd_menu
{
	width: 100%;
}
/*--------------------------------------------------------------------------------------*/
/*############################## MAIN CONTENT CONTAINER :##############################*/
/*------------------------------------------------------------------------------------*/
/*----------------------------/
/**Center Container Wrapper**/
/*-------------------------*/
#container
{
	margin:0 auto 10px;
}

#content-wrapper
{
	width:100%;
}

#content
{
	margin-left:240px;
	padding:1px 10px 0 0;
	min-width:700px;
}

#content .inner
{
	width:99%;
}

/*---------------------------------------*/
/*** Inbox Template Content Container ***/
/*-------------------------------------*/
.inbox-content
{
	padding:5px 10px 10px;
}
/*--------------------------*/
/**Inner Container Wrapper**/
/*------------------------*/
.inner-wrapper
{
	margin:5px;
	padding:10px 5px;
	position:relative;
	width:97%;
}

/*------------------------------------*/
/***One Column Layout - WITH BORDER***/
/*------------------------------------*/
.onecolumn
{
	width:100%;	
	margin:0px 0 20px 0;	
}

/*-----------------------------*/
/***Column Header Background***/
/*---------------------------*/
.onecolumn .header
{
	margin:0;
	padding:0;
	width:100%;
	height:40px;
}

/*-----------------------*/
/***Column Header Icon***/
/*---------------------*/
.onecolumn .header img
{
	display:block;
	padding:0 10px 0 0;
}
/*------------------------*/
/***Column Header Title***/
/*----------------------*/
.onecolumn .header h2
{
	padding:8px 0 0 10px;
	width:auto;
}

.onecolumn .header span ul {}

/*-------------------------------------------*/
/*###### Header Switch Button Styling ######*/
/*-----------------------------------------*/

/*-----------------------------------*/
/**** Switch Blurb notifications ****/
/*---------------------------------*/

/*-------------------------------*/
/**** All Task notifications ****/
/*-----------------------------*/
.blurb-all-tasks
{
	position:absolute;
	width: 16px;
	height:12px;
	display:block;
	margin:7px 0px 0px 55px;
	padding:1px 3px;
}
/*-----------------------------------*/
/**** Overdue notifications ****/
/*---------------------------------*/
.blurb-overdue
{
	margin:7px 0px 0px 87px;
	padding:1px 3px;
	position:absolute;
	width: 16px;
	height:12px;
	display:block;
}
/*-----------------------------------*/
/**** Duesoon notifications ****/
/*---------------------------------*/
.blurb-duesoon
{
	margin:7px 0px 0px 90px;
	padding:1px 3px;
	position:absolute;
	width: 16px;
	height:12px;
	display:block;
}
/*-----------------------------------*/
/**** Outstanding notifications ****/
/*---------------------------------*/
.blurb-outstanding
{
	position:absolute;
	width: 16px;
	height:12px;
	display:block;
	margin:7px 0px 0px 107px;
	padding:1px 3px;
}
/*----------------------------------*/
/*** Right Switch Button Styling ***/
/*--------------------------------*/
input[type=button].right-switch
{
	margin:0;
	padding:0;
	height:30px;
}
/*----------------------------------*/
/*** Left Switch Button Styling ***/
/*--------------------------------*/
input[type=button].left-switch
{
	margin:0;
	padding:0;
	height:30px;
}
/*----------------------------------*/
/*** Middle Switch Button Styling ***/
/*--------------------------------*/
input[type=button].middle-switch
{
	margin:0;
	padding:0 0px 0 0;
	height:30px;
}
/*-------------------------------------*/
/*** Left,Right,Middle Hover Switch ***/
/*-----------------------------------*/
input[type=button].right-switch:hover,
input[type=button].left-switch:hover,
input[type=button].middle-switch:hover{}

/*--------------------------------------------*/
/*** 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{}

div.wysiwyg
{
	width:99%!important;
}

/*----------------------------------------------*/
/*########## Search Library Settings ##########*/
/*--------------------------------------------*/
div.search-bg {
	padding:5px;
	position:relative;
	z-index:999;
	right:-5px;
	top:-1px;
}
div.search-icon img
{
	position:relative;
	top:5px;
	left:10px;
}
/*-----------------------*/
/*** Search container ***/
/*---------------------*/
.search-container
{
	position:relative;top:-1px;
}
.search-container span{}

.search-container div
{
	margin:5px; 	
}
.search-container{}

/*-----------------------------*/
/*** Button Search Settings ***/
/*---------------------------*/
input.search-reset[type="submit"],
input.search-reset[type="button"] 
{
	width: 90px;
	*width:112px;
}
input.search-submit[type="submit"],
input.search-submit[type="button"] 
{
	width: 90px;
	*width:112px;
}
input.search-submit[type=submit]:hover,
search-submit[type=button]:hover,
input.search-reset[type=submit]:hover,
search-reset[type=button]:hover{}

/*---------------------------------------*/
/*** Search Listing Section Container ***/
/*-------------------------------------*/
.sec-container 
{
	margin:0 0.9%;
	position:relative;
	width:98%;
}

.sec-container .header 
{
	height:30px;
	width:100%;
}

.sec-container .header span 
{
	display:block;
	width:80%;
	position:relative;
	top:5px;
	margin: 0 0 0 5px;
}

.sec-container .header img 
{
	
	display:block;	
	left:-10px;
	padding:0;
	position:relative;
	right:95px;
	top:12px;
}
.sec-container .content 
{	
	padding:25px 5px;
}

/*----------------------------*/
/*** Search Button Styling ***/
/*--------------------------*/
input[type=button].search-button, button.search-button
{
	margin:0 0 0 5px;
	padding:0 0px 0 0;
	height:25px;
}

input.search-button[type=submit]:hover,
input.search-button[type=button]:hover,
button.search-button:hover{}

/*------------------*/
/**** HEADER TAB ***/
/*----------------*/
.onecolumn .header div.tab-header
{
	padding:8px 0 0 10px;
	width:auto;
}

.onecolumn .header div ul {}

/*------------------------*/
/*** Header Active Tab ***/
/*----------------------*/
.onecolumn .header div ul li.active
{	
	display:inline-block;	
	padding:5px;
	position:relative;
	top:2px;	
	zoom:1; /*for ie7 fix*/
	*display: inline; /*for ie7 fix*/
	_height: 30px; /*for ie7 fix*/
	*margin-right:3px; /*for ie7 fix*/
}
/*---------------------------*/
/*** Header In-Active Tab ***/
/*-------------------------*/
.onecolumn .header div ul li.inactive
{	
	display:inline-block;	
	padding:5px;	
	position:relative;
	top:2px;	
	zoom:1; /*for ie7 fix*/
	*display: inline; /*for ie7 fix*/
	_height: 30px; /*for ie7 fix*/
	*margin-right:3px; /*for ie7 fix*/
}
.onecolumn .header div ul li.inactive:hover{}

.onecolumn .header div ul li.inactive:active{}
/*-----------------------------*/
/***Column Header Tab Switch***/
/*---------------------------*/
.onecolumn .header .switch
{
	margin:0px;
	padding:4px;
	position:relative;
	right:10px;
	top:-3px;
}

.onecolumn .search-button img
{	
	padding: 0;
	display: inline;
}
/*** Search Icon***/
div.search-icon
{
	position: absolute;
}

.onecolumn .content
{	
	padding:15px;
}
/*--------------------------------------------------------*/
/****No Action Required/ Empty Table Listing Container****/
/*------------------------------------------------------*/
.no-action-wrapper
{
	margin:0px 0px;
	width:100%;
	position:relative;
	padding:10px 0px;
}

.no-action-wrapper span{}
/*-----------------------------------*/
/**Inner Individual Column Settings**/
/*---------------------------------*/
.innercolumn-each
{
	width:98%;
	margin:0 0.9%;
	position:relative;
}
.innercolumn-each .header
{
	width:100%;
	height:40px;
}

.innercolumn-each .header span
{
	display:block;
	padding:10px 0 0 15px;
	width:80%;
}

.innercolumn-each .header .switch
{

	margin-right:15px;
	padding:5px 0 0 0;
}

.innercolumn-each .content
{
	padding-bottom:10px;
	padding:25px 15px;
}
/*------------------------------------------------------------------------------*/
/*############################## BOTTOM CONTAINER :##############################*/
/*----------------------------------------------------------------------------*/
/*----------------------------------------*/
/*** Footer Style ***/
/*----------------------------------------*/
#footer
{
	margin:40px 0 10px 0;
	padding:20px 0 20px 10px;
}

#footer ul
{
	display:inline;
}

#footer ul li.divider-right
{
	padding:0 10px 0 15px;
}

#footer ul li.divider-left
{
	padding:0 10px;
}

#footer ul li
{
	display:inline;
}

#footer ul li a
{
	padding:0 10px;
}

#footer ul.security-elements
{
	display:inline;
}

#footer ul.security-elements li
{
	display:inline;
	padding:0 5px 0px 0px;
}
#footer ul.security-elements li.empty-space
{
	display:inline;
	padding:0 20px 0px 0px;
}
/*------------------------------------------------------------------------------------*/
/*############################## Table Styling Library ##############################*/
/*----------------------------------------------------------------------------------*/
table{}

table.data caption
{
	display:none;
}

table.data tr{}

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

table.data tr th{}

table.data tr th, table.data tr td
{
	padding:7px;
}

table.data tr td{}

table#graph-data th{}

table#graph-data td{}

table#graph-data td.hover{}

.chart-wrapper
{
	padding-left:20px;
	position:relative;
	top:5px;
}

.twocolumn
{
	width:100%;
	margin:20px 0 20px 0;
}

.column-left, .column-right
{
	width:49%;
}

.column-right{}

.column-left .header, .column-right .header
{
	margin:0;
	padding:0;	
	width:100%;
	height:40px;
}
.column-left .header span, .column-right .header span
{
	display:block;
	padding:10px 0 0 15px;
	width:auto;
}
.column-left .header .switch, .column-right .header .switch
{
	margin-right:15px;
	padding:5px 0 0 0;
}
.column-left .content, .column-right .content
{
	padding-bottom:10px;
	padding:25px 15px 15px 15px;
}
.threecolumn
{
	width:100%;
	margin:20px 0 0 0;

}
.threecolumn-each
{
	width:31%;
	margin:0 1% 0 1%;
}
.threecolumn-each .header
{
	margin:0;
	padding:0;
	width:100%;
	height:40px;
}
.threecolumn-each .header span
{
	display:block;
	padding:10px 0 0 15px;
	width:auto;
}
.threecolumn-each .header .switch
{
	margin-right:15px;
	padding:5px 0 0 0;
}
.threecolumn-each .content
{
	padding-bottom:10px;
	padding:25px 15px 15px 15px;
}
.noshadow{}

.media-photos
{
	display:block;
	margin:0;
	padding:0;
	margin-top:30px;
	padding-left:10px;
	width:100%;
}
.media-photos li
{
	display:block;
	margin:0;
	padding:0;
	width:100px;
	height:100px;

}
.media-photos li a{}

.media-photos li img
{
	width:75px;
	height:75px;
}
.modal-header
{
	padding:5px 15px 5px 15px;
	
}
.modal-header span{}

.modal-content
{
	padding:15px;
}
.table, .with-head
{
	margin-bottom:1.667em;
}

.table{}

.table:last-child, .with-head:last-child
{
	margin-bottom:0;
}

.table.last-child, .with-head.last-child
{
	margin-bottom:0;
}

.table thead th, .table thead td, .head{}

.table thead th, .table thead td
{
	padding:0em 0.75em;
}
.table tbody th, .table tbody td, .table tfoot th, .table tfoot td
{
	padding:0.75em;
}
/*----------------------------------*/
/*Alert Row Hyperlink Color*/
/*--------------------------------*/
.bg-red-alert a{}
/*-----------------------------------*/
/*Alert Row Hyperlink Color - YELLOW*/
/*---------------------------------*/
.bg-red-alert a:hover{}
/*----------------------------------*/
/*###### Item 'READ' Styling ######*/
/*--------------------------------*/
.item-read{}

.item-read a{}

.item-read a:hover{}
/*---------------------------------------*/
/*** Table Background for Bulk Action ***/
/*-------------------------------------*/
.table .black-cell, .head .black-cell
{
	
	padding:8px 9px 9px 5px;
}

.ie7 .head .black-cell
{
	height:24px;
	position:relative;
	z-index:89;
}
.head .black-cell.with-gap
{
	margin:0 4px 0 0;
}
.head .black-cell.with-gap + .black-cell{}

.table .black-cell span, .head .black-cell span
{
	display:block;
}

.ie7 .head .black-cell span
{
	bottom:0;
	height:auto;
	left:0;
	padding:0;
	position:absolute;
	right:0;
	top:0;
}

.table .black-cell span.bulkaction, .with-head .black-cell span.bulkaction{}

.table-actions a img{}

/*--------------------------*/
/*** Column Sort Styling ***/
/*------------------------*/
.column-sort
{
	display:block;
	margin: 0px 8px 9px -9px;
	width:14px;
}
.head .column-sort
{
	margin:-8px 8px 8px -12px;
}
.column-sort .sort-up, .column-sort .sort-down
{
	display:block;
	height:14px;
	width:13px;
	/*position:relative;
	left:2px;
	top:1px;*/
}
.column-sort .sort-up{}

.column-sort .sort-down{}

/*-----------------------------------*/
/*** Column Sort Hyperlin Styling ***/
/*---------------------------------*/
.column-sort .sort-up:hover{}

.column-sort .sort-down:hover{}

.column-sort .sort-up:active, .column-sort .sort-up.active{}

.column-sort .sort-down:active, .column-sort .sort-down.active{}

/*-------------------------*/
/*** Check Item Styling ***/
/*-----------------------*/
.table-check-cell
{
	width:8px;
}
.bulk-action-cell
{
	width:35px!important;
}
/*-----------------------------------------------------------------------------------------*/
/*############################## Pagination Styling Library ##############################*/
/*---------------------------------------------------------------------------------------*/
/*---------------------------*/
/****Pagination Container****/
/*-------------------------*/
/*---------------------------------*/
/*** Pagination background ***/
/*-------------------------------*/
.pagination-wrapper
{
	margin:0 0 10px 0;
	width:100%;
	position:relative;
	
}
/*------------------------------------*/
/****Left Element Position Styling****/
/*----------------------------------*/
.pag-lft-element
{
	margin:5px 0 5px 0;
	padding: 0 10px;
	position:relative;
	display:inline;
	width:auto;
}
/*-------------------------------*/
/****Right Total Task Styling****/
/*-----------------------------*/
.pag-rgh-totaltask
{
	margin:8px 0 5px 0;
	padding: 0 0;
	float:left;

	position:relative;
	zoom:1; /*ie7 fix*/
	*display: inline; /*ie7 fix*/
	_height: 30px; /*ie7 fix*/
}
/*----------------------------------------*/
/****Pagination Right Position Styling****/
/*----------------------------------------*/
.pagination
{
	margin:8px 0 5px 0;
	padding: 0 0;
	position:relative;
	*position:absolute;
	*right:-10px;
	width:300px;
	display:inline-block;
}

.pagination li
{
	display:inline-block;
	zoom:1; /*ie7 fix*/
	*display: inline; /*ie7 fix*/
	*padding:3px 0;/*ie7 fix*/
	*position:relative;/*ie7 fix*/
	*top:-5px;/*ie7 fix*/
	*vertical-align:top;/*ie7 fix*/
}
/*----------------------------------------*/
/*** Pagination hyperlink ***/
/*----------------------------------------*/
.pagination a
{
	padding:2px 7px 2px 7px;
	margin:0 0 0 3px;

}
.pagination a:hover{}

.pagination a:active, .pagination a.active{}

/*-----------------------------------------------------------------------------------------------*/
/*############################## SLA Progress Bar Styling Library ##############################*/
/*---------------------------------------------------------------------------------------------*/
.progress-bar-red
{
	width:100%;
	*width:87%; /*for ie7 fix*/
}

.progress-bar-yellow
{	
	width:100%;
	*width:87%; /*for ie7 fix*/
}

.progress-bar-green
{
	width:100%;
	*width:87%; /*for ie7 fix*/
}

/*---------------------------------------------------------------------------------------------*/
/*############################## SLA Slider Bar Styling Library ##############################*/
/*-------------------------------------------------------------------------------------------*/
/*----------------------*/
/*** Grenn Progress Bar***/
/*----------------------*/
.sla-slider
{
	height:12px;
	position:relative;
	right:5px;
	z-index:99999;
}
/*----------------------*/
/*** Grenn Progress Bar***/
/*----------------------*/
.sla-slider-red
{
	height:12px;
	position:relative;
	right:5px;
	z-index:99999;
}
/*----------------------*/
/*** Grenn Progress Bar***/
/*----------------------*/
.sla-slider-yellow
{
	height:12px;
	position:relative;
	right:5px;
	z-index:99999;
}
.sla-scroll-bar{
	position:relative;

	top:-5px;
}
/*----------------------------------------------------------------------------------*/
/*############################## Form Styling Library ##############################*/
/*---------------------------------------------------------------------------------*/
form.form div {
	display: block;

	zoom: 1;
	margin: 5px 0 0 0;
	padding: 1px 3px;
}
/*--------------------------------*/
/*** Form Normal Field Styling ***/
/*------------------------------*/
/*** Input Text / Text Area ***/
form.form div select.inputtext , form.form div textarea.inputtext {
	width: 210px;
	margin: 0 0 0 0;

}
/*** Select One / Select Multiple ***/

form.form div select.selectone, form form.form select.selectmultiple 
{
	width: 208px;
}

form.form div input.inputtext, form.form div input.inputpassword 
{
	min-width: 188px;
}

form.form div input.inputFile 
{
	width: 211px;
}
/*** Check Box***/
form.form div input.inputcheckbox, form.form div input.inputradio, input.inputcheckbox, input.inputradio 
{
	display: inline;
	height: auto;
	width: auto;
	padding: 0;
	margin: 0 0 0 140px;
}

form.form div.submit
{
	width: 214px;
	padding: 0 0 0 146px;
}

form.form div.submit div 
{
	display: inline;


	width: auto;
	padding: 0;
	margin: 0;
}

form.form div input.inputsubmit, form.form div input.inputbutton, input.inputsubmit, input.inputbutton 
{
	width: auto;
	padding: 0 6px;
	margin: 0;
}
form.form div.submit div input.inputsubmit, form.form div.submit div input.inputbutton 
{
	margin: 0 0 0 5px;
}
/*----------------------------------------*/
/*** Form Fieldset Positioning Setting ***/
/*--------------------------------------*/
form.form div fieldset
{
	margin: 0 0 0 144px;
	padding: 0 5px 5px 5px;
	width: 197px;
}
form.form div label 
{
	width: 130px;
	padding: 3px 5px;
	margin: 0 0 5px 0;
}
form.form div span.text 
{
	margin: 0 0 5px 0;
	padding: 3px 5px;
	width: 300px;
}
form.form div label.required 
{
	width: 130px;
	padding: 3px 5px;
}

form.form div.optional label, label.optional {}

form.form div.error label, label.error {}

form.form div.required label, label.required {}

form.form div label.labelcheckbox, form.form div label.labelradio 
{
	
	display: block;
	width: 200px;
	zoom: 1;
	padding: 0;
	margin: 0 0 5px 142px;
	
}

form.form div fieldset label.labelcheckbox, form.form div fieldset label.labelradio {
	margin: 0 0 5px 0;
	width: 170px;
}
form.form div img {}

form.form div select, form.form div textarea 
{
	padding: 1px 3px;
	margin: 0 0 0 0;
}
form.form .action-buttons 
{
	margin-left: 140px;
}
/*-----------------------------*/
/*** Form Content Container ***/
/*---------------------------*/
.form-content-container
{
	width:63.5%;
}

.form-content-container p
{
	padding: 10px;
}

.form-content-container p img
{
	position:relative;
	top:5px;
}
/*-----------------------------------------*/
/**----- FORM REQUIRED FIELD SETTINGS----**/
/*---------------------------------------*/
form.form div input[type=text], 
form.form div input[type=password], 
form.form div select
{
	width: 212px;
	padding: 5px 0 5px 20px;
	margin: 0 0 0 0;
}
form.form div select.selectone-required,
form.form div select.selectmultiple-required 
{
	width: 212px;
	padding: 2px 0 2px 20px;
}
form.form div input.inputtext-required,
form.form div input.inputpassword-required 
{
	width: 212px;
	padding:5px 0px 5px 20px;
}
/*-------------------------------------------*/
/**------- FORM ACCEPT FIELD SETTINGS------**/
/*-----------------------------------------*/
form.form div select.inputtext-accept, form.form div textarea.inputtext-accept 
{
	margin: 0 0 0 0;
	width: 212px;
	padding: 1px 3px 1px 20px;
}
form.form div input.inputtext-accept, form.form div input.inputpassword-accept 
{	
	padding:5px 0 5px 20px;
	width:212px;
}
/*-----------------------------------------*/
/**-------FORM ERROR FIELD SETTINGS------**/
/*---------------------------------------*/
/*Text Area Error Style*/
form.form div select.inputtext-error,
form.form div textarea.inputtext-error 
{
	width: 212px;
	padding: 8px 3px 1px 20px;
	margin: 0 0 0 0;
}

form.form div select.inputtext-error,
form.form div textarea.inputtext-error:hover{}

form.form div input.inputtext-error,
form.form div input.inputpassword-error 
{
	width: 212px;
	padding:5px 0px 5px 20px;
}

form.form div select.selectone-error,
form.form div select.selectmultiple-error 
{
	width: 212px;
	padding:3px 3px 3px 0px ;
}
/*** Form Error */
form.form div small.error 
{
	display: block;
	margin: 0 5px 5px 140px;
	padding: 1px 3px;	
	zoom: 1;	
	width:229px;
}

form.form div small.error span{
	padding-left:75px;
	
}
/*---------------------------*/
/*** Error Radio Button ***/
/*---------------------------*/
form.form div.error-radio {

	width:212px; 

	position:relative; 


	padding: 0 0 0 20px;
}
form.form div.error-radio:hover{}

form.form div small.error-radio-msg {
	display: block;
	margin: 0 5px 5px 140px;
	padding: 0px 3px;
	zoom: 1;
	width:229px;
}
form.form div small.error-radio-msg span
{
	padding-left:73px;
}
/*---------------------------*/
/*** Select Error Styling ***/
/*-------------------------*/
form.form div.error-select 
{
	width:212px; 
	position:relative; 
	padding: 0 0 0 20px;
}

form.form div small.error-select-msg 
{
	display: block;
	margin: 0 5px 4px 140px;
	padding: 0px 3px;
	width:229px;
	zoom: 1;
}

form.form div small.error-select-msg span
{
	padding-left:75px;
}

form.form div.error-chkbx
{
	width:212px; 	
	position:relative; 	
	padding: 0 0 0 20px;
}

form.form div small.error-chkbx-msg 
{
	display: block;
	margin: 0 5px 5px 140px;
	padding: 0px 3px;	
	zoom: 1;	
	width:229px;
}

form.form div small.error-chkbx-msg span
{
	padding-left:75px;
	
}
/*----------------------------------------------------------------------------------------*/
/*######################### Form Property Button Switch Library #########################*/
/*---------------------------------------------------------------------------------------*/
/*------------------------------------------------*/
/*** Form Property Right Switch Button Styling ***/
/*----------------------------------------------*/
input[type=button].inner-rgh-switch
{
	margin:0;
	padding:0 0px 0 0;
	height:25px;
}
/*-----------------------------------------------*/
/*** Form Property Left Switch Button Styling ***/
/*---------------------------------------------*/
input[type=button].inner-lft-switch
{
	margin:0;
	padding:0 0px 0 0;
	height:25px;
}
/*-------------------------------------------------*/
/*** Form Property Middle Switch Button Styling ***/
/*-----------------------------------------------*/
input[type=button].inner-mid-switch
{
	margin:0;
	padding:0 0px 0 0;
	height:25px;
}
/*---------------------------------------------------*/
/*** 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{}

/*----------------------------------------------------*/
/*** 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{}

/*-------------------------------------------------------------------------------------------------*/
/*##################################Form Tools Library Settings ##################################*/
/*-----------------------------------------------------------------------------------------------*/
.form-tools
{
	padding:3px;

}

.form-tools img
{
	position:relative;
	top:4px;
	padding: 0 5px;
}

.form-tools ul{}

.form-tools ul li.tools-divider
{
	padding:0 5px;
}

.form-tools ul li
{
	display:inline-block;
	margin:2px;
	zoom:1;
	*display: inline; /*for ie fix*/
	_height: 30px; /*for ie fix*/
}

.form-tools ul li a{}

.form-tools ul li a:hover{}

/*---------------------------------------------------------------------------------------*/
/*################################## Form Edit Field Library Settings ##################################*/
/*---------------------------------------------------------------------------------------*/
form.form div.edit-fields 
{
	margin: 5px 0 0 5px;
	padding: 5px 0;
		background:#f2f2f2;
	border:1px solid #bdb9b9;
	clear: left;
}
/*-------------------------------------------*/
/*** Edit Field Tools Background Settings ***/
/*-----------------------------------------*/
form.form div.edit-fields ul 
{
	padding:4px 10px 0 10px;
	display: inline-block;
	position: relative;
	top:-5px;
	*top:-32px; /*for ie fix*/
		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
{
	display:inline-block;
	position:relative;
	*display: inline; /* for ie fix */
}

/*---------------------------------------------------*/
/*###### Edit Field Property Library Settings ######*/
/*-------------------------------------------------*/
/*-------------------------------*/
/*** Field Property Container ***/
/*-----------------------------*/
form.form div.edit-field-container
{
	margin:0 0 0 5px;
	width:446px;
}
/*----------------------------*/
/*** Field Property Header ***/
/*--------------------------*/
.field-property-header-bg
{
	position:relative;
	left:-3px;
	width:440px;
	padding:5px;
	top:-6px;
	height:22px;
		background:url(../images/forms/edit-prop-header-bg.png) repeat-x #c6c6c6;
	border:1px solid #5f5f5f;
	text-shadow:none;
}

h5.field-property-header
{
	position:relative;
	top:5px;
	left:5px
}
/*----------------------------------------*/
/*** Field Property Button Positioning ***/
/*--------------------------------------*/
li.field-property-li
{
	display: inline-block;
	position:relative;
	left:330px;
	top:-24px;
	zoom:1;
	margin-left:2px;
	*left:310px; /* for ie fix*/
	*top:-28px; /* for ie fix*/
	*display: inline; /* for ie fix*/
	_height: 30px; /* for ie fix*/
}
/*--------------------------------*/
/*** Field Property Sub Header ***/
/*------------------------------*/
h6.field-property-header
{
	margin:3px 0;
	padding: 5px;
	z-index:999;
	height:15px;
		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
{
	position:relative;
	right:-410px;
	top:5px;
	*top:-0px; /*for ie fix*/
}
h6.field-property-header:hover{}

/*---------------------------------------*/
/*** Field Property Content Container ***/
/*-------------------------------------*/
.edit-field-content
{
	padding:5px;
	left:-2px;
	position:relative;
	top:-11px;
	width:439px;
}

.field-content-section
{
	position:relative;
	top:-8px;
	padding: 0 0 5px 0;
}

.field-property ul li img
{
	position:relative;
	top:0px;
}
.field-property-header-bg
{
	height:25px;
	padding:5px;
}edi

h5.field-property-header
{
	position:relative;
	top:-1px;
	left:5px
}

.field-property-header-bg img
{
	position:relative;
	top:5px;
	left:0;
}
/*-----------------------------------------------------------------------------------------------------*/
/*################################## Form Page Tab Library Settings ##################################*/
/*---------------------------------------------------------------------------------------------------*/
/*------------------------------------*/
/*** Page Tab Background Settings ***/
/*----------------------------------*/
.page-tab 
{	
	height:25px;
	margin-top:2px;
}
/*----------------------------------*/
/*** Page Tab Positioning ***/
/*----------------------------------*/
.page-tab ul li
{
	display: inline-block;
	margin:-4px 0 0 1px;
	zoom:1;
	*display: inline; /*for ie fix*/
	_height: 30px; /*for ie fix*/
}
/*------------------------------*/
/*** Page Tab Active Setting ***/
/*----------------------------*/
.active-page-tab
{
	height:20px;
	margin:-2px 0 0 1px !important;
	padding:6px 5px 0 10px;
}

/*--------------------------------*/
/*** Page Tab Inactive Setting ***/
/*------------------------------*/
.inactive-page-tab{
	height:21px;
	padding: 3px 5px 0px 5px;
	margin:-2px 0 0 1px!important;
}
/*---------------------------*/
/*** New Page Tab Setting ***/
/*-------------------------*/
.add-new-page-tab
{
	height:21px;
	padding: 5px 5px 0 10px ;
	margin:-2px 0 0 1px!important;
}

.add-new-tab img
{
	position: relative;
	top:0;
	
}
/*---------------------------------*/
/*---Page Next and Previous ------*/
/*-------------------------------*/
.arrow-prev{
	height:20px;
	padding: 6px 5px 0px 5px;
	margin-left:0!important;
	position:relative;
	top:-1px;
	
}
.arrow-prev img{
	position:relative;
	left:-3px;
	top:2px;}
	
.arrow-nxt{
	height:20px;
	padding: 6px 5px 0px 5px;
	margin-left:0!important;
	position:relative;
	top:-1px;
}
.arrow-nxt img{
	position:relative;
	right:-3px;
	top:2px;}
	
.arrow-more{
	height:20px;
	padding: 6px 5px 0px 5px;
	margin-left:0!important;
	border-left:#ccc 1px solid;
	position:relative;
	top:-1px;

}
/*------------------------------------------*/
/*###### Page Edit Property Settings ######*/
/*----------------------------------------*/
.edit-page-property
{
	margin: 0;
	width:470px;
}
/*--------------------------------*/
/*** Page Edit Property Header ***/
/*------------------------------*/
.page-property-header-bg
{
	height:20px;
	padding:5px;
}

h5.page-property-header
{
	position:relative;
	top:-10px;
	left:15px
}

.page-property-header-bg img
{
	position:relative;
	top:5px;
	left:0px;
}
/*------------------------------------*/
/*** Page edit Property Sub-Header ***/
/*----------------------------------*/
h6.page-property-header
{
	margin:3px 0;
	padding: 5px;
	z-index:999;
	height:15px;
}

h6.page-property-header img
{
	position:relative;
	right:-430px;
	*top:-0px; /* for ie fix */
}
/*----------------------------------------------*/
/*** Page Edit Property Sub-Header Hyperlink ***/
/*--------------------------------------------*/
h6.page-property-header:hover{}

li.edit-page-li
{
	display: inline-block;
	position:relative;
	left:230px;
	top:-40px;
	*left:210px; /* for ie fix */
	*top:-43px; /* for ie fix */
	*display: inline; /* for ie fix */
	_height: 30px; /* for ie fix */
}

.edit-page-property ul li img
{
	position:relative;
	top:0px;
}
/*-------------------------------------------*/
/*** Page Edit Property Content Container ***/
/*-----------------------------------------*/
.edit-page-content{}

.page-content-section
{
	position:relative;
	top:-8px;
	padding:5px;
}

.page-content-spacer
{
	padding-top:5px;
}
/*-------------------------------------------*/
/*** Page Edit Property Field Positioning ***/
/*-----------------------------------------*/
label.page-edit-label
{
	padding-right:5px;
	margin:3px;
	width:120px;
}
/*----------------------------------------*/
/*** Page Edit Property Button Styling ***/
/*--------------------------------------*/
input.page-bttn[type="submit"],
input.page-bttn[type="button"]
{
	padding:3px;
	width: auto;
	*width:112px; /*for ie fix*/
}

input.page-bttn[type=submit]:hover,
input.page-bttn[type=button]:hover{}

/*-------------------------------------------------------------------------------------------------*/
/*################################## Flow Page Library Settings ##################################*/
/*-----------------------------------------------------------------------------------------------*/
/*--------------------------*/
/*** Flow Page Container ***/
/*------------------------*/
.form-flow-container{
}
.form-flow{
	margin:5px;
	padding:10px;
	width:60%;
}
.flow-content{}
/*-----------------------------------*/
/*** Split Column Branch Settings ***/
/*---------------------------------*/
div.split-branch
{
	padding:5px;
}
/*---------------------------------*/
/*** Split Column Container ***/
/*---------------------------------*/
.split-container
{
	padding:5px;
}
/*---------------------------------*/
/*** Split Column Header ***/
/*---------------------------------*/
h4.split-header
{
	padding:5px;
	margin:10px 0 0 0;
}
/*---------------------------------*/
/*** Split Column Arrow Up ***/
/*---------------------------------*/
div.flw-split-arw-up
{
	position:relative;
	top:8px;

}
/*---------------------------------*/
/*** Split Column Arrow Down ***/
/*---------------------------------*/
div.flw-split-arw-dwn
{
	position:relative;
	top:0px;
}
/*-----------------------------------*/
/*** Branch Column Settings ***/
/*---------------------------------*/
div.branch{}
/*---------------------------------*/
/*** Branch Column Container ***/
/*---------------------------------*/
.branch-container
{
	display:inline-block;
	margin: 10px 2px;
	padding: 0 0 5px 0;
	zoom:1; /*for ie fix*/
	*display: inline; /*for ie fix*/
	_height: 30px; /*for ie fix*/
}
/*---------------------------------*/
/*** Branch Column Header ***/
/*---------------------------------*/
h5.brch-col-header
{
	padding:5px;
	*padding:0 0 0 3px;
}
/*---------------------------------*/
/*** Branch Column Arrow Up ***/
/*---------------------------------*/
div.flw-brch-arw-up
{
	position:relative;
	top:0px;
	*top:5px; /*for ie fix*/
}
/*---------------------------------*/
/*** Branch Column Arrow Down ***/
/*---------------------------------*/
div.flw-brch-arw-dwn
{
	position:relative;
	top:0px;
}
/*-----------------------------------------------*/
/*** Branch Column Item Edit Library Settings ***/
/*---------------------------------------------*/
/*** ***/
.branch-wrapper
{
	width:100%;
}
.edit-stage
{
	margin:2px;
	padding:5px;
}
/*-------------------------------------------------*/
/*** Branch Column Item Edit Tools Icon Setting ***/
/*-----------------------------------------------*/
.flw-edt-stg-icon
{
	display:inline-block;
	position:relative;
	width:35px;
	padding:2px;
	top:35px;
	right:2px;
}
/*----------------------------------------*/
/*** Branch Column Item Edit Container ***/
/*--------------------------------------*/
.flw-edt-prpty-container
{
	position:relative;
	top:590px;
	width:440px;
	left:280px;
	position: absolute;
	z-index:999;
}
.edt-flw-content
{
	padding:5px;
}
/*-------------------------------------*/
/*** Branch Column Item Edit Header ***/
/*-----------------------------------*/
.flw-prpty-header-bg
{
	height:20px;
	padding:5px;
}

h5.flw-prpty-header
{
	position:relative;
	top:-10px;
	left:15px
}

.flw-prpty-header-bg img
{
	position:relative;
	top:5px;
	left:0px;
}

/*----------------------------------------------------*/
/*** Branch Column Item Edit Header Button Setting ***/
/*--------------------------------------------------*/
li.flow-stage-edit-li
{
	display: inline-block;
	position:relative;
	left:320px;
	top:-40px;
	*left:295px; /* for ie fix*/
	*top:-40px; /* for ie fix*/
	*display: inline; /* for ie fix*/
	
}
/*-----------------------------------------*/
/*** Branch Column item Edit Sub-Header ***/
/*---------------------------------------*/
h6.flw-prpty-header
{
	margin:3px 0;
	padding: 5px;
	z-index:999;
	height:15px;
}
/*----------------------------------------*/
/*** Sub-Header Item Edit Icon Setting ***/
/*--------------------------------------*/
h6.flw-prpty-header img
{
	position:relative;
	right:-400px;
	*top:-0px; /* for ie fix */
}
/*-------------------------------------*/
/*** Sub-Header Item Edit hyperlink ***/
/*-----------------------------------*/
h6.flw-prpty-header:hover{}
/*----------------------------------------------*/
/*** Branch Column Item Edit Inner Container ***/
/*--------------------------------------------*/
.flow-content-section
{
	position:relative;
	top:-8px;
	padding:15px 5px; 
}

label.flow-edit-label
{
	padding:0 5px 0 10px;
	margin:3px;
	width:150px;
}
/*----------------------------------------------------------------------------------------------------*/
/*################################## SLA Page Library Settings ##################################*/
/*--------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------*/
/*########## SLA Summary Milestone Library ##########*/
/*--------------------------------------------------*/
/*----------------------------------------------*/
/*** SLA Summary Milestone Icon Positioning ***/
/*--------------------------------------------*/
.sla-summary-milestones{
	display:inline-block;
	padding:0 2px;
	position:relative;
	top:-10px;

	*padding:0 5px; /*for ie fix*/
}
.sla-sum-milestns-icon{

	padding:2px;
}
.sla-sum-milestns-icon {
	display:inline-block;
	zoom:1; /*for ie fix*/
	*display: inline; /*for ie fix*/
	_height: 30px; /*for ie fix*/
	
}
.sla-sum-milestns-icon {

}
/*----------------------------*/
/* SLA Summary Icon Container*/
/*--------------------------*/
.sla-sum-milestns-container {
	padding:3px 0 0 0;
	position:relative;
	z-index:999999;
}
.ie .sla-sum-milestns-container {
	padding-right:28px;
}
.sla-sum-milestns-container:hover {


	padding:0 0 5px 0;
}
/*-----------------------------------------*/
/*** SLA Summary Milestone Menu Listing ***/
/*---------------------------------------*/
.sla-sum-milestones-listing 
{
	bottom:0;
	position:absolute;
	right:0;
	top:0;
	z-index:99999;
}
/*----------------------------------------------*/
/*** SLA Summary Milestone Container Listing ***/
/*--------------------------------------------*/
.sla-sum-milestns-container
.sla-sum-milestones-listing 
{
	left:0;
}
.sla-sum-milestones-listing ul 
{
	display:none;
	right:1px;
	margin:0;
	padding:4px 0;
	position:absolute;
	top:19px;
	z-index:999;
}
.sla-sum-milestns-container .sla-sum-milestones-listing > ul 
{
	right:-1px;
}

.sla-sum-milestns-container .sla-sum-milestones-listing > ul.reverted 
{
	right:-1px;
}

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

.sla-sum-milestones-listing ul li 
{	
	margin:0;
	padding:0px 5px;
	position:relative;
	z-index:999911;
}

.ie7 .sla-sum-milestones-listing > ul > li, .ie7 .sla-sum-milestones-listing ul li:hover > ul > li 
{
	display:inline-block;
	padding-left:0;
	padding-right:0;
	
}
.sla-sum-milestones-listing ul li.sep-dotted 
{
	height:0;
	margin:2px 0;
	padding:0;
}

.ie7 .sla-sum-milestones-listing ul li a 
{
	margin-left:26px;
	margin-right:0;
}

.sla-sum-milestones-listing ul li:hover 
{
	z-index:999912;
}

.sla-sum-milestones-listing ul li.sep:hover 
{
	z-index:999911;
}

.sla-sum-milestones-listing ul li.sep-dotted:hover 
{
	z-index:999911;
}

.sla-sum-milestones-content 
{
	padding-left:3%;
}

/*------------------------------------------------------*/
/*########## SLA Content Container / Wrapper ##########*/
/*----------------------------------------------------*/
/*--------------------------*/
/*** SLA Content Wrapper ***/
/*------------------------*/
.sla-wrapper
{
	position:relative;
	padding:10px 5px;
	margin:5px;
}

/*------------------------*/
.sla-summary-icn
{
	position:relative;
	right:5px;
	top:-5px;
	*right:5px; /* for ie fix*/
}

.sla-summary-icn:hover
{
	z-index:999;
}

/*--------------------------------*/
/*** SLA CONTAINER ON Settings ***/
/*------------------------------*/
.sla-seg-container-on
{
	margin:3px;
}
.sla-seg-header-on
{
	height:20px;
}

.sla-edit-icon-wrap
{
	right:5px;
	top:-90px;
	position:relative;
}

.sla-edit-icon
{
	display:inline-block;
	position:relative;
	top:5px;
	zoom:1; /*for ie only*/
	*display: inline; /*for ie only*/
	_height: 30px; /*for ie only*/
}

.sla-content-wrap
{
	padding:5px;
}

.sla-content-li
{
	display:inline-block;
	zoom:1; /*for ie only*/
	*display: inline; /*for ie only*/
	_height: 30px; /*for ie only*/
}
/*---------------------------------*/
/*** Segment Edit Item Setting ***/
/*---------------------------------*/
.sla-content-edit
{
	padding:5px;
	width:60px;
}
.sla-edit-icon-wrapper
{
	display:inline-block;
	padding:0 5px;
	position:relative;
	left:-70px;
	*left:-77px; /* for ie fix*/
	top:-2px;
}

.sla-milestones-icon{
	position:relative;
	display:inline-block;
	zoom:1;
	*display: inline; /* for ie fix*/
	_height: 30px; /* for ie fix*/
}
/*--------------------------------*/
/*** SLA CONTAINER Off Settings ***/
/*--------------------------------*/
.sla-seg-container-off
{
	margin:3px;
	*width:18%; /*for ie fix*/
}

.sla-seg-header-off
{
	height:20px;}

li.sla-content-li-off
{
	display:inline-block;
	margin:2px 10px;
	zoom:1;
	*display: inline; /*for ie fix*/
	_height: 30px; /*for ie fix*/
}
/*-------------------------------------------------*/
/*###### Item Edit Milestones Menu Settings ######*/
/*-----------------------------------------------*/
.milestones-icon
{
	padding:2px;
}

.milestones-icon 
{
	display:inline-block;
	zoom:1; /*for ie fix*/
	*display: inline; /*for ie fix*/
	_height: 30px; /*for ie fix*/
}

.milestones-icon {}

.milestones-container 
{
	padding:3px;
	position:relative;
	z-index:98;
}

.ie .milestones-container 
{
	padding-right:1.75em;
}

.milestones-container:hover {}
/*------------------------------*/
/*** Edit Milestone Settings ***/
/*----------------------------*/
.edit-milestones
{
	display:inline-block;
	width:66px;
	padding:0 2px;
	position:relative;
	left:-59px;
	top:-2px;
	*width:60px; /* for ie fix */
	*padding:0 5px; /* for ie fix */
	*left:-52px; /* for ie fix */
}
/*-----------------------------------*/
/*** Edit Milestone Menu Listings ***/
/*-----------------------------------*/
.milestones-listing 
{
	bottom:0;
	position:absolute;
	right:0;
	top:0;
	z-index:999999;
}

.milestones-container .milestones-listing 
{
	left:0;
}

.milestones-listing ul 
{
	display:none;
	left:1px;
	margin:0;
	padding:4px 0;
	position:absolute;
	top:19px;
	z-index:999910;
}

.milestones-container .milestones-listing > ul 
{
	left:-1px;
}

.milestones-container .milestones-listing > ul.reverted 
{
	right:-1px;
}

.milestones-listing:hover > ul, .milestones-listing :hover > ul 
{
	display:block;
}

.milestones-listing ul li 
{
	margin:0;
	padding:0px 5px;
	position:relative;
	z-index:999911;
	
}

.ie7 .milestones-listing > ul > li, .ie7 .milestones-listing ul li:hover > ul > li 
{
	display:inline-block;
	padding-left:0;
	padding-right:0;
}
.milestones-listing ul li.sep 
{
	height:0;
	margin:2px 0;
	padding:0;
}

.milestones-listing ul li.sep-dotted 
{
	height:0;
	margin:2px 0;
	padding:0;
}

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

.milestones-listing ul li a {}

.ie7 .milestones-listing ul li a 
{
	margin-left:26px;
	margin-right:0;
}

.milestones-listing ul li:hover 
{
	z-index:999912;
}

.milestones-listing ul li.sep:hover 
{
	z-index:999911;
}

.milestones-listing ul li.sep-dotted:hover 
{
	z-index:999911;
}

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

.milestones-content 
{
	padding-left:3%;
}
/*-------------------------------------------------------------------*/
/*########## Edit Milestone SLA Property Library Settings ##########*/
/*-----------------------------------------------------------------*/
/*------------------------------------------------------*/
/*** Edit Milestone SLA Property Container Settings ***/
/*----------------------------------------------------*/
.edit-sla-container
{
	margin:10px;
	padding: 0px;
}

.edit-sla-container img{
	left:0;
	position:relative;
	top:0;
}
/*---------------------------------------------------*/
/*** Edit Milestone SLA Property Header Settings ***/
/*-------------------------------------------------*/
h5.edit-sla-header
{
	position:relative;
	padding:5px;
}

h5.edit-sla-header img
{
	position:relative;
	top:2px;
}
/*---------------------------------------------------*/
/*** Edit Milestone SLA Property Button Settings ***/
/*-------------------------------------------------*/
.sla-property-btn
{
	position:relative;
	right:10px;
	top:-37px;
}

input.sla-bttn[type="submit"], input.sla-bttn[type="button"] 
{
	padding:3px;
	width: auto;
	*width:95px; /*for ie fix*/
	*margin-right:5px; /*for ie fix*/
}

input.sla-bttn[type=submit]:hover, input.sla-bttn[type=button]:hover{}

input.sla-add-bttn[type="submit"], input.sla-add-bttn[type="button"] 
{	
	padding:3px;
	width: auto;
	*width:95px; /*for ie fix*/
	*margin-right:5px; /*for ie fix*/
}

input.sla-add-bttn[type=submit]:hover, input.sla-add-bttn[type=button]:hover{}

/*----------------------------------------------------*/
/*** Edit Milestone SLA Section Button Positioning ***/
/*--------------------------------------------------*/
.sla-section-btn
{
	position:relative;
	right:25px;
	top:4px;
	z-index:9999;
}

li.sla-btn-li
{
	display:inline-block;
	position:relative;
	zoom:1; /*for ie fix*/
	*display: inline; /*for ie fix*/
	_height: 30px; /*for ie fix*/
}
/*-------------------------------------------*/
/*** Edit Milestone SLA Section Container ***/
/*-----------------------------------------*/
.sla-sec-container
{
	width:98%;
	margin:0 0.9%;
	position:relative;
}

.sla-sec-container .header
{
	width:100%;
	height:30px;
}
.sla-sec-container .header:hover{}

.sla-sec-container .header span
{
	display:block;
	padding:5px 0 0 15px;
	width:80%;
}

.sla-sec-container .header 
{
	margin-right:15px;
	padding:5px 0 0 0;
}

.switch 
{
	position: absolute;
	right: 10px;
	top: 5px;
}

.sla-sec-container .content 
{	
	padding-bottom:10px;
	padding:25px 5px;
}

.sla-sec-container .header img
{
	display:block;
	position:relative;
	right:95px;
	left:-10px;
	padding:0;
	top:12px;
}

/*------------------------------------*/
.sla-section-container
{
	padding:20px 0 0 0;
	position:relative;
	min-width:-95%;
}

h6.sla-property-header
{
	padding: 7px;
	position: absolute;
	min-width:98.5%;
	top:-5px;
}

h6.sla-property-header img
{
	position:relative;
	left:98%;
	*left:97%; /*for ie fix*/
}

h6.sla-property-header:hover{}

.sla-content-section
{
	padding:5px 5px 5px 15px;
	position:relative;
	margin:3px;
}

/*--------------------------------------------------------------------*/
/*################## Custom Table Styling Library ##################*/
/*------------------------------------------------------------------*/
.odd-row{}

.even-row{}

.odd-row:hover, .even-row:hover {}

.first-row{}

.last-row{}

.first-row:hover, tr.last-row:hover {}

.rw-yellow{}

.rw-red:hover{}

.rw-yellow:hover{}

.table-form, .with-head{}

.table-form{}

.table-form:last-child, .with-head:last-child
{
	margin-bottom:0;
}

.table-form.last-child, .with-head.last-child
{
	margin-bottom:0;
}

.table-form thead th, .table-form thead td, .head{}

.table-form thead th, .table-form thead td
{
	padding:0 12px;
}

.table-form tbody th, .table-form tbody td, .table-form tfoot th, .table-form tfoot td
{
	padding:8px;
}

.table-form tfoot th, .table-form tfoot td{}

.table-form .black-cell, .head .black-cell
{
	padding:5px;
}

.ie7 .head .black-cell
{
	height:24px;
	position:relative;
	z-index:89;
}

.head .black-cell.with-gap
{
	border-right-color:white;
	margin-right:4px;
}

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

.table-form .black-cell span, .head .black-cell span{}

.ie7 .head .black-cell span
{
	bottom:0;
	height:auto;
	left:0;
	padding:0;
	position:absolute;
	right:0;
	top:0;
}

.table-form .black-cell span.form-bulkaction, .with-head .black-cell span.form-bulkaction{}

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

.form-column-sort
{
	display:block;
	margin:-2px 8px 9px -12px;
	width:14px;
}
.head .form-column-sort
{
	margin:-8px 8px -8px -12px;
}
.form-column-sort .form-sort-up, .form-column-sort .form-sort-down
{
	display:block;
	height:10px;
	width:13px;
}
.form-column-sort .form-sort-up{}

.form-column-sort .form-sort-down{}

.form-column-sort .form-sort-up:hover{}

.form-column-sort .form-sort-down:hover{}

.form-column-sort .form-sort-up:active, .form-column-sort .form-sort-up.active{}

.form-column-sort .form-sort-down:active, .form-column-sort .form-sort-down.active{}

.table-form-check-cell
{
	width:8px;
}

.form-bulk-action-cell
{
	width:56px;
}
/*-------------------------------------------------------------------------*/
/*################## SLA Milestone Bulk Action Library ##################*/
/*-----------------------------------------------------------------------*/
.form-bulk-action-container
{
	display:block;
	padding:0;
}

.form-bulk-actions h1, .form-bulk-actions .h1 
{
	padding:2px;
}

.form-bulk-actions h1, .form-bulk-actions .h1 img
{
	padding-left:5px;
	
}

.form-bulk-actions .h1 h1 
{	
	padding:0;
}

.form-bulk-action-container 
{
	margin-bottom:0;
}

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

.form-bulk-actions h1, .form-bulk-actions .h1 
{
	margin:0;
	position:absolute;
	z-index:100;
	top:-10px;
	left:-44px;
	*top:-15px;
	*left:-38px;
}

.ie .form-bulk-actions h1, .ie .form-bulk-actions .h1 
{
	padding:5px 7px;
}

.form-bulk-actions .h1 h1 
{
	left:0;
	padding:0;
	position:relative;
	top:0;
	z-index:10;
}

.form-menu, .form-menu-opener .form-menu-arrow 
{
	bottom:0;
	position:absolute;
	right:0;
	top:0;
	z-index:99;
}

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

.form-with-menu input
{
	margin-right: 10px;
}

.form-menu-opener .form-menu 
{
	left:0;
}

.form-with-menu .form-menu > img, .form-menu-opener .form-menu-arrow > img 
{
	left:-10%;
	margin:-8px 0 0 -7px;
	position: relative;
	top:50%;
	*left: -60%;/*ie fix*/
}

.form-menu ul 
{
	display:none;
	left:1px;
	margin:0;
	padding:4px 0;
	position:absolute;
	top:100%;
	width:240px;
	z-index:999910;
}

.form-menu-opener .form-menu > ul 
{
	left:-1px;
}

.form-menu:hover > ul, .form-menu :hover > ul
{
	display:block;
}

.form-menu ul li ul 
{
	display:block;
	height:6px;
	left:94%;
	top:10px;
	width:4px;
}

.form-menu ul li ul li 
{
	display:none;
}

.form-menu ul li:hover > ul
{
	height:auto;
	left:98%;
	top:-0.167em;
	width:240px;
}

.form-menu ul li:hover > ul.reverted 
{
	left:auto;
	right:98%;
}

.form-menu ul li:hover > ul > li 
{
	display:block;
}

.form-menu ul li 
{
	
	margin:0;
	padding:5px 13px 7px 35px;
	position:relative;
	
	z-index:999911;
}

.ie7 .form-menu > ul > li, .ie7 .form-menu ul li:hover > ul > li
{
	display:inline-block;
	padding-left:0;
	padding-right:0;
	
}

.form-menu ul li.sep
{

	height:0;
	margin:2px 0;
	padding:0;
}

.ie7 .form-menu ul li.sep
{
	z-index:999910;
}

.form-menu ul li a
{
	display:block;
	margin:-5px -13px -7px -9px;
	padding:5px 13px 7px 9px;
	
}

.ie7 .form-menu ul li a 
{
	margin-left:26px;
	margin-right:0;
}

.form-menu ul li:hover
{
	z-index:999912;
}

.form-menu ul li.sep:hover
{
	z-index:999911;
}

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

/*------ Form Bulk Menu Icons ------*/
.icon-address {}

.icon-alarm {}

.icon-blog {}

.icon-terminal {}

.icon-battery {}

.icon-building {}

.icon-calendar {}

.icon-cards {}

.icon-chart {}

.icon-computer {}

.icon-database {}

.icon-delete {}

.icon-doc-excel {}

.icon-doc-pdf {}

.icon-doc-csv {}

.icon-doc-image {}

.icon-doc-web {}

.icon-down {}

.icon-edit {}

.icon-film {}

.icon-security {}

.icon-images {}

.icon-mail {}

.icon-monitor {}

.icon-newspaper {}

.icon-search {}

.icon-network {}

.icon-server {}

.icon-export {}

.icon-refresh {}

.icon-reset {}

.icon-up {}

.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 
{
	width:65px;
}

.h1.form-menu-opener span img
{
	position:relative;top:10px;
}
.form-bulk-action-container h1 .form-menu, 
.form-bulk-action-container .h1 .form-menu {}

.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 {}

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

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

.form-bulk-action-container h1 .form-menu ul li:hover,
 .form-bulk-action-container .h1 .form-menu ul li:hover {}
.form-bulk-action-container h1 .form-menu ul li:hover > a, 
.form-bulk-action-container .h1 .form-menu ul li:hover > a {}

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

/*------------------------------------------------------*/
/*########## Section Colunm Library Settings ##########*/
/*----------------------------------------------------*/
/*----------------------------------------------------*/
/*-------- Blue Section Colunm Container --------*/
/*----------------------------------------------------*/
.sec-col-blue-container
{
	margin:1px;
	position:relative;
	display:inline-block;
	margin:5px;
	zoom:1; /*for ie fix*/
	*display: inline; /*for ie fix*/
	_height: 30px; /*for ie fix*/
}

.sec-col-blue-container .header 
{
	height:25px;
}

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

.sec-col-blue-container .content .step-container
{
	display:inline-block;
	padding:0 5px;
	zoom:1; /*for ie fix*/
	*display: inline; /*for ie fix*/
	_height: 30px; /*for ie fix*/
}

.step-arrow
{
	display:inline-block;
	position:relative;
	top:-25px;
	zoom:1; /*for ie fix*/
	*display: inline; /*for ie fix*/
	_height: 30px; /*for ie fix*/
}

.sec-col-blue-container .content li.step-list
{
	position:relative; 
	top:18px; 
	*top:10px left:0px;
}

.sec-col-blue-container .content li.okay
{
	position:relative; 
	top:10px; 
	left:20px; 
	*left:18px;
	padding:0 4px;
	width:8px; 
}

.sec-col-blue-container .content li.okay-2
{
	position:relative; 
	top:10px; 
	left:45px; 
	*left:18px; 
	padding:0 4px;
	width:8px; 
}

.sec-col-blue-container .content li.okay-3
{
	position:relative; 
	top:10px; 
	left:56px; 
	*left:18px;
	padding:0 4px;
	width:8px; 
}

.sec-col-blue-container .content li.critical
{
	position:relative; 
	top:10px; 
	left:28px; 
	*left:18px;
	padding:0 4px;
	width:8px;
}

.sec-col-blue-container .content li.critical-2
{
	position:relative; 
	top:10px; 
	left:45px;
	*left:18px;
	padding:0 4px;
	width:8px; 
}

.sec-col-blue-container .content li.critical-3
{
	position:relative; 
	top:10px;
	left:56px;
	*left:18px;
	padding:0 4px;
	width:8px; 
}
/*----------------------------------------------------*/
/*-------- Red Section Colunm Container --------*/
/*----------------------------------------------------*/
.sec-col-red-container
{
	margin:1px;
	position:relative;
	display:inline-block;
	margin:5px;
	zoom:1; /*for ie fix*/
	*display: inline; /*for ie fix*/
	_height: 30px; /*for ie fix*/
}

.sec-col-red-container .header
{
	height:25px;
}

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

.sec-col-red-container .content .step-container
{
	display:inline-block; padding:0 5px;
	zoom:1; /*for ie fix*/
	*display: inline; /*for ie fix*/
	_height: 30px; /*for ie fix*/
}

.sec-col-red-container .content li.step-list
{
	position:relative; 
	top:20px; 
	left:0px;
}

.sec-col-red-container .content li.okay
{
	position:relative; 
	top:10px; 
	left:20px; 
	*left:18px; 
	padding:0 4px;
	width:8px; 
}
.sec-col-red-container .content li.okay-2
{
	position:relative; 
	top:10px; 
	left:45px; 
	*left:18px; 
	padding:0 4px;
	width:8px; 
	
}

.sec-col-red-container .content li.okay-3
{
	position:relative; 
	top:10px; 
	left:56px; 
	*left:18px; 
	padding:0 4px;
	width:8px; 
}

.sec-col-red-container .content li.critical
{
	position:relative; 
	top:10px; 
	left:20px; 
	*left:18px;
	padding:0 4px;
	width:8px; 

}

.sec-col-red-container .content li.critical-2
{
	position:relative; 
	top:10px; 
	left:45px; 
	*left:18px; 
	padding:0 4px;
	width:8px; 
}

.sec-col-red-container .content li.critical-3
{
	position:relative; 
	top:10px; 
	left:56px; 
	*left:18px; 
	padding:0 4px;
	width:8px; 
}

/*-----------------------------------------*/
/*** Section Process Selection Settings ***/
/*-----------------------------------------*/
.selection-container
{
	padding:5px;
	*padding-bottom:8px;
}

label.selection-header
{
	padding:5px;
}

/*------------------------------------*/
/*** Section Warning Menu Settings ***/
/*----------------------------------*/
.warning-icn
{
	padding:2px;
}

.warning-icn
{
	display:inline-block;
	zoom:1; /*for ie fix*/
	*display: inline; /*for ie fix*/
	_height: 30px; /*for ie fix*/
}

.warning-icn{}

a.warning-icn:hover {}

.warning-icn img {}

.warning-icn img:hover {}

.warning-container
{
	padding:3px;
	position:relative;
	z-index:98;
}

.ie .warning-container
{
	padding-right:28px;
}

.warning-container:hover{}

.edit-warning
{
	display:inline-block;
	width:65px;
	*width:60px; /* for ie fix */
	padding:0 2px;
	*padding:0 5px; /* for ie fix */
	position:relative;
	left:-61px;
	*left:-55px; /* for ie fix */
	top:-2px;
}

.warning-listing
{
	bottom:0;
	position:absolute;
	right:0;
	top:0;
	z-index:99999;
}

.warning-container .warning-listing
{
	left:0;
}

.warning-listing ul
{
	display:none;
	left:1px;
	margin:0;
	padding:4px 0;
	position:absolute;
	top:19px;
	z-index:999910;
}

.warning-container .warning-listing > ul 
{
	left:-60px ;
}

.warning-container .warning-listing > ul.reverted 
{
	right:-1px;
}

.warning-listing:hover > ul, .warning-listing :hover > ul 
{
	display:block;
}

.warning-listing ul li 
{
	margin:0;
	padding:0px 5px;
	position:relative;
	z-index:999911;
}

.ie7 .warning-listing > ul > li, .ie7 .warning-listing ul li:hover > ul > li 
{
	display:inline-block;
	padding-left:0;
	padding-right:0;
}
.warning-listing ul li.sep 
{
	height:0;
	line-height:0;
	margin:2px 0;
	padding:0;
}

.warning-listing ul li.sep-dotted 
{
	height:0;
	margin:2px 0;
	padding:0;
}

.ie7 .warning-listing ul li a 
{
	margin-left:26px;
	margin-right:0;
}

.warning-listing ul li:hover 
{
	z-index:999912;
}

.warning-listing ul li.sep:hover
{
	z-index:999911;
}

.warning-listing ul li.sep-dotted:hover 
{
	z-index:999911;
}

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

.warning-content
{
	padding:5px;
	margin:10px 2px 5px 2px;
}

.warning-content:hover{}

.warning-content h5
{
	position:relative;
	top:-12px;
}

.warning-content h5:hover{}

.warning-num-list
{
	left:-8px;
	padding:0 4px;
	position:relative;
	top:-10px;
	width:8px;
}

.warning-label
{
	position:relative;
	top:-15px;
}

.warning-info
{
	position:relative;
	top:-15px;
	padding-left:20px;
	border-bottom: dotted 1px #333;
}

/*-------------------------------------------*/
/*** Section Notification Legend Settings ***/
/*-----------------------------------------*/
.legend-container
{
	margin:0 0 10px;
	position:relative;
	width:100%;
}

li.legend{
	display:inline-block;
	margin:2px 2px 2px 5px;
	padding:2px;
	
	
	zoom:1; /*for ie fix*/
	*display: inline; /*for ie fix*/
	_height: 30px; /*for ie fix*/
}
li.legend img{
	position:relative;
	top:3px;
	padding:0 2px;
}
/*-----------------------------------------------------------------------------------------*/
/*############################## Comments Library Settings :##############################*/
/*---------------------------------------------------------------------------------------*/
.comments-wrapper{

	height:30px;
}
.comments-wrapper .header
{
	margin:5px; 
}

.comments-slider
{
	height:12px;
	position:relative;
	z-index:99999;
	right:10px;
	top:-42px;
}

.comments-scrollbar
{
	position:relative;
	top:-5px;
}
.comment-block{}

.profile-pic
{
	margin-right:10px;	
	margin-left:10px;
}
.image-block{}

.content-block{}

.user-stream-msg{}

.commentable-item
{
	display:block;
}

.commentable-list
{
	display:block;
	left:75px;
	position:relative;
	width:85%;
}

.comment-arrow
{
	position:relative;
	top:7px;
	left:-65px;
}
.comment-wrapper
{
	margin-top:2px;
	padding:5px 0 5px 4px;
}

.comment-content div{}

.commentable-item span{
	position:relative; 	top:0px;
}

.accnt-pic{
	margin-right:8px; 
}

.comment-content
{	
	position:relative; 
	display:inline-block;
}

input.write-comment[type="text"], input.write-comment[type="password"], select 
{
	margin:0;
	padding:4px;
}
input.add-comment[type="submit"], input.add-comment[type="button"] {}

input.add-comment[type=submit]:hover, add-comment[type=button]:hover,{}

/*--------------------------------------------------------------------------------------------*/
/*############################## Bulk Action Library Settings :##############################*/
/*------------------------------------------------------------------------------------------*/
.bulk-action-container
{
	display:block;
	padding:0 0;
}

ol, ul
{
	list-style:none outside none;
}

.bulk-actions h1, .bulk-actions .h1
{
	padding:3px 0 3px 4px;
	width:10px;
}

.bulk-actions .h1 h1
{
	padding:0;
}

.bulk-action-container
{
	margin-bottom:0;
}

.bulk-actions
{
	position:relative;
}

.bulk-actions h1, .bulk-actions .h1
{
	margin:0;
	position: relative;
	z-index:100;
	top:-2px;
}

.ie .bulk-actions h1, .ie .bulk-actions .h1
{
	padding:5px 7px;
}

.bulk-actions .h1 h1
{
	left:0;
	padding:0;
	position:relative;
	top:0;
	z-index:10;
}
.menu, .menu-opener .menu-arrow
{
 	bottom:0;
	position:absolute;
	right:0;
	top:0;
	z-index:99;
}
.with-menu .menu, .menu-opener .menu-arrow
{
	width:28px;
}

.menu-opener .menu 
{	
	left:0;
}
.with-menu .menu > img, .menu-opener .menu-arrow > img
{
	left:50%;
	margin:-8px 0 0 -7px;
	position:absolute;
	top:50%;
}

.menu ul
{
	display:none;
	left:1px;
	margin:0;
	padding:4px 0;
	position:absolute;
	top:100%;
	width:15em;
	z-index:999910;
}

.menu-opener .menu > ul
{
	left:-1px;
}

.menu:hover > ul, .menu :hover > ul
{
	display:block;
}

.menu ul li ul
{
	display:block;
	height:6px;
	left:94%;
	top:10px;
	width:4px;
}

.menu ul li ul li 
{
	display:none;
}

.menu ul li:hover > ul
{
	height:auto;
	left:98%;
	top:-3px;
	width:240px;
}

.menu ul li:hover > ul.reverted
{	left:auto;
	right:98%;
}

.menu ul li:hover > ul > li 
{
	display:block;
}

.menu ul li 
{
	margin:0;
	padding:5px 13px 7px 35px;
	position:relative;
	z-index:999911;
}

.ie7 .menu > ul > li, .ie7 .menu ul li:hover > ul > li 
{
	display:inline-block;
	padding-left:0;
	padding-right:0;
}

.menu ul li.sep 
{
	height:0;
	margin:2px 0;
	padding:0;
}

.ie7 .menu ul li.sep 
{
	z-index:999910;
}

.menu ul li a 
{
	display:block;
	margin:-5px -13px -7px -9px;
	padding:5px 13px 7px 9px;
}

.ie7 .menu ul li a 
{
	margin-left:26px;
	margin-right:0;
}

.menu ul li:hover 
{
	z-index:999912;
}
.menu ul li.sep:hover 
{
	z-index:999911;
}
.menu ul li:hover > a {}

.bulk-action-container h1.with-menu,
.bulk-action-container .h1.with-menu,
section h1.menu-opener,
.bulk-action-container .h1.menu-opener
{
	padding-right:25px;
}
.bulk-action-container h1 .menu,
.bulk-action-container .h1 .menu{}

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

.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{}

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

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

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

.bulk-action-container h1 .menu ul li:hover > a,
.bulk-action-container .h1 .menu ul li:hover > a{}

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

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

/*--------------------------------------------------------------------------------------------*/
/*############################## BreadCrumb Library Settings :##############################*/
/*------------------------------------------------------------------------------------------*/
.module:after
{
	display: block;
	height: 0;
}
/* float clearing for IE6 */
* html .module
{
	height: 1%;
}

/* float clearing for IE7 */
* + html .module
{
	min-height: 1%;
}

.breadcrumb
{
	margin: 0;
	padding: 0;
	display: block;
	height: 14px;
	width: 100%;
	padding:3px 5px;
}

.breadcrumb ul
{
	margin: 0;
	padding: 0;
	height: 14px;
	display: block;
}
.breadcrumb ul li
{
	display: block;
	position: relative;
	height: 16px;
	margin: 0px 6px 0px 0;
	padding: 0px 10px 0px 0;
}

.breadcrumb ul li div.chevronOverlay
{
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}

.breadcrumb ul li span
{
	display: block;
}

.breadcrumb ul li a
{
	display: block;
	position: relative;
	height: 16px;
	line-height: 16px;
	overflow: hidden;
}

.breadcrumb ul li.first a
{
	height: 16px !important;
	width:16px;
	padding: 0;
	margin-top: 0px;
	overflow: hidden;
	
}

.breadcrumb ul li.first a:hover{}

.breadcrumb ul li.last
{
	margin-right: 0;
	padding-right: 0;
}

.chevronOverlay
{
	display: none;
	width: 13px;
	height: 16px;
}


/* sla */
.sla-segment-title {
	text-align: center;
	background-color: #258DC8;
	color: #fff;
	margin-bottom: 0 !important;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
	padding: 0 20px;
}
.sla-milestone, .sla-milestone-separator, .sla-stage {
	text-align: center;
	padding: 10px 5px;
}
.sla-milestone img {
	width: 24px;
	height: 29px;
}
.sla-milestone-separator {
	width: 11px;
}
.sla-segment-wrapper {
	margin: 10px 2px 0 2px;
	border: 1px solid #268BC1;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	position: relative;
}
.sla-segment-wrapper table {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

.sla-stage img {
	width: 19px;
	height: 23px;
}