/*www.polarsoftware.com*/

/* Remember to define focus styles! */
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
ul li {
	list-style-type:none;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

html 
{
	background-color:#fefefe;
	background: url(../../images/headerbackground.png) repeat-x scroll   0px 0px transparent;	
	color:#313131;
}
/*Overwrite some YUI style*/
#doc3
{
	margin:0px;	
}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

.recentItems
{
	/*background:transparent url(../../images/PHD_15.gif) no-repeat scroll left center;*/
	background:  url(../../images/PHD_15c.gif) repeat-x scroll 0px 0px transparent; /*#bfc3ca*/
	height:44px;
	/*background: url(http://www.newspond.com/gfx/sx_header/selected_right.jpg) no-repeat right -18px;*/
	/*background-color:#EFF7FF; /*svietlo plava od sugarcrm last view*/
	/*border-top-color:#0046AD;
	color:#444444;
	border-bottom:solid 2px #ABC3D7;
	padding-bottom:3px;
	padding-left:10px;
	padding-top:5px;
	vertical-align:middle;
	border-color:#243356 rgb(128, 128, 128) rgb(128, 128, 128);
	border-style:solid;
	border-width:1px;
	border-top:solid 0px;
	padding:0.25em 0.5em;*/

	/*border-bottom-color:#ABC3D7;  /*sinkasto palava dojnji rub od sugarcrm last view*/
	/*border-top:2px solid;*/
	/*border-color:#243356 rgb(128, 128, 128) rgb(128, 128, 128);*/
	/*height:15px;
	height:25px;
	/*overflow: hidden;	*/
}

.recentItem{
	color:#666666;
	text-decoration:none;
	font-family:"Lucida Grande",Geneva,Arial,Verdana,sans-serif;
    background-repeat: no-repeat;
    background-position: 1px center;
    padding: 1px 1px 1px 28px;
    height: 30px;
    cursor: pointer;
}

.recentItemIncident{background-image: url(../../images/incident2.gif); }
.recentItemUser{background-image: url(../../images/users1.gif);}
.recentItemGeneric{background-image: url(../../images/16_generic.gif);}

/*#bd
{
	padding-top:10px;
}  */
#bd a:link, #bd a:visited, #bd a:hover , #bd a:active { /*from googbarr*/
	font-weight:normal;
	color:#1969BC; /*!important;  */	
}

/*
a:link
{
	color:#0000cc;
	border:solid 1px #551a8b;
	border-style:none none solid  none;
} */


/*a:visited
{
	color:#551a8b;
	border:solid 1px #551a8b;
	border-style:none none solid  none;
}	*/


/*a:link, a:visited, a:hover, a:active { from camp
color:#015793;
}*/

/*a[href]:hover
{
	color:#000000;
	text-decoration: underline;
}*/

/*
a:active
{
	color:#ff0000;
	border-style:none solid none none;
}*/


/*set new value after reset ccss an after seting base.css*/
p, pre, table{
	margin-bottom:0em;
}

.yui-t2 #yui-main .yui-b {
	margin-left:190px;
}  

.midle
{
	padding-left:15px; /*padding:0 0 0 15px;*/
	padding-right:15px;
	/*background: #FFFFFF  url(../../images/shadowmidle3.png) repeat-y scroll left top;*/
	/*background: #EEEEEE  url(../../images/shadowmidle3XXX.png) repeat-y scroll left top;*/
	background-color:#EEEEEE;	
	border:solid 1px #d1d1d1;
	border-right-width:0px;
	border-top-color:#919191;
	border-top-width:0px;
	padding-bottom:15px;	
	
}

.midletop
{
	/*background: #FFFFFF  url(../../images/shadowmidletop.png)  no-repeat  left bottom;
	height:10px;*/
}


.midleBottom
{
	/*background: #FFFFFF  url(../../images/shadowmidlebottom.png)  no-repeat  left bottom;
	height:10px;*/
}

.leftsidebar {
	/*background:#FFFFFF url(../../images/leftsidebar.png) repeat-y scroll right top;	*/
	height:100%;
	padding-top:20px;
	padding-left:5px;
	
}
.sidebarlefttop {
	/*background:#FFFFFF url(../../images/leftsidebartop.png) repeat-y scroll right top;	*/
	height:10px;
}
.sidebarleftbottom {
	/*background:#FFFFFF url(../../images/leftsidebarbottom.png) repeat-y scroll right bottom;*/
	height:10px;
}
	
div.psProfile
{
	margin-right:15px;
	margin-top:15px;
	margin-bottom:15px;		  
}	
div.psHeader
{		
}

div.psProfile a:link, div.psProfile a:visited, div.psProfile a:hover , div.psProfile a:active { 
	font-weight:normal;
	color:#fefefe; /*!important;  */
	/*1969BC*/
}



table.formActions
{
	width:100%;
	table-layout:fixed;
	/*border-bottom:#8C8E8C 3px solid;*/
	/*border-top:solid 1px #FFFFFF;*/
	/*color:#606050;font-weight:bold;width:100%;*/
	/*padding-top:10px;*/
	/*text-align:right;	*/
	/*margin-top:30px;*/
	
	/*margin-bottom:10px;
	padding:3px;
	background-color:#EFEFEF;*/
}



/*#resourceForm
{
	/*background: transparent url(../../images/shadow-midle.png) no-repeat scroll left top;*/
/*}*/

/*Desktop elements begin */
div.desktopTable
{
	/*border:solid 1px #ADC3D6;*/
	margin-top:5px;
	padding-bottom:35px;
}

div.desktopTableActions , div.psFormToolbar
{
	margin-left:-2px;	
	padding-bottom:5px;	
	/*background-color:#EFEFEF;*/
	background-color:#dedede;	
	margin-left:-15px;
	margin-right:-15px;	
	padding-left:13px;
	padding-top:3px;
	padding-bottom:3px;	  	
	border-top:solid 1px #ffffff;
	border-bottom:solid 1px #8e8e8e;
	margin-bottom:10px;	
}
div.filterdesk
{
	
	/*border-bottom:solid 1px #8C8E8C;
	padding-bottom:3px;	
background-color:#d1d1d1;	
*/								
	margin-left:-15px;
	margin-right:-15px;	
	padding-left:15px;
	margin-top:10px;
	
}

/*div.filterdesk1  
{		
	border-top:solid 1px #8e8e8e;	
	border-bottom:solid 1px #c1c1c1;		
	margin-left:-15px;
	margin-right:-15px;	
	margin-top:3px;
}
div.filterdesk2  
{
	border-top:solid 1px #d5d5d5;	
	border-bottom:solid 1px #e1e1e1;			
	margin-left:-15px;
	margin-right:-15px;	
}
*/	
.topTabContents
{
	height:25px;
	background-color: #EFF7FF;
}

.leftColumn {
	border-right:2px solid #DDDDDD; /*svijetlo siva vertikalni border od sugarcrm*/
	padding-right:8px;
}

/*From SFCRM*/
.tabNavigation{
	background-image:url(../../images/topnavbg.gif);
	height:5px;
    margin:0px;
	padding:0px;
	font-size: 5px;
	background-repeat:repeat-x;
	line-height:0;

}
/*Desktop elements end */
table.resourceHeader
{
	width:100%;
	/*border-bottom:solid 1px #818181;*/
	/*background-color:#d1d1d1;	
	margin-left:-15px;
	margin-right:-15px;	
	padding-left:15px;*/	
	padding-top:15px;
}

span.resourceName
{
	font-size:160%;
	font-weight:bold;
	margin:0pt;
	width: 100px;
	color:#606050;font-weight:bold; 
}

td.headermessage
{	
	margin: 0px; 
	padding: 0px; 
	width: auto;	
}				  

/*Message elements - messagebox */
#messagebox
{
	font-size: 12px;
	font-weight:bold;
	margin: 0px;
	border: 1px solid #000;
	padding: 3px;	
	background-color: #ffffcc;
	border-color: #ffcc00;	
	display: none;
	cursor: pointer;
}  

span.topworking
{
	background:  url(../../images/ajax-loader.gif)  no-repeat scroll left center;
	margin: 0px; 
	padding: 32px; 
	width: 32px; 		
}

p.preMessageBoxDialog
{
	font-size: 11px;
	text-align:left;	
	white-space: pre-wrap;/* https://developer.mozilla.org/en/CSS/white-space */
}
p.messageDelimiter
{
	border-bottom: 2px solid #BBBBBB;
	padding-top:10px;	
}
#messageBoxDialog
{
	text-align:left;		
}

#openMessageDialog
{
	text-align:right;	
	background:  url(../../images/envelope.png) no-repeat scroll right center;		
	width: 16px;
	height:16px;	
	cursor: pointer;
	float:right;
}

#numberOfMessage
{
	text-align:right;		
	vertical-align:bottom;
	height:16px;		
	float:right;	
	font-size:10px;
	padding-left:5px;
}

#advancedView
{
	display: none;
}

/*Style for YUI AutoComplete Component */
body, h1 { margin:0;padding:0; } /* needed for known issue with Dom.getXY() in safari for absolute elements in positioned containers */

.pl-autocomplete
{
	width:100%;
	/*width:150px;
	padding-bottom:50px;*/
	/*width:15em;
	padding-bottom:2em;*/
}


#acServiceUser, #acUser, #acAssignee, #acAssigneeBusinessUnit, #acBusinessUnit{  width:15em;  padding-bottom:2em;}
#acInputServiceUser, #acInputUser, #acInputAssignee, #acInputAssigneeBusinessUnit, #acInputBusinessUnit{ _position:absolute;}/* abs pos needed for ie quirks */
#acContainerServiceUser, #acContainerUser, #acContainerAssignee, #acContainerAssigneeBusinessUnit, #acContainerBusinessUnit{ width:35em}
#acServiceUser{ z-index:0; /* z-index needed on top instance for ie & sf absolute inside relative issue */ }
#acAssignee{   z-index:0; }


/*edit form style */
.psColon1{width:115px;}
/*.psColon11{width:100%;}*/
.psColMid{width:5%;}
.psColon3{width:135px;}
/*.psColon33{width:100%;}*/

/*
.psColon1{min-width:315px;}
.psColMid{min-width:315px;}
.psColon3{min-width:315px;}
  */
TABLE.psFormTable{
	width:100%;
	table-layout:fixed;
}

td.psFormCell
{
	padding-top:2px;
	padding-bottom:2px;	
	height:26px; /*SP:must exist for prevent jumbing row */
	min-height:26px;
	/*border: solid 1px red;	*/
	/*overflow:hidden;	mzoe samo ako nema autocomplete untaur cella */
}
td.psFormMid
{
}

table.acTable
{
	height:30px;
	padding:0px;	
	table-layout:fixed;
}

table.acTable td 
{
	/*border: solid 1px blue;	*/
	line-height:25px;	
}

textarea /*, input */
{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:13px;	
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;	
}
select
{
    border-style:solid;
	border-width:1px;
	border-color:#DDDDDD;	
}

/* http://polar1.createsend.com/login.aspx?ReturnUrl=%2fDefault.aspx */
TESTinput.input
{
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	padding:8px 5px;
}


/*TODO: delete this class  textarea.description  jer se dupal sa psTextarea*/
textarea.description
{
	width:100%; 
}

.psLabelRequire 
{
	/*color:#990000;font-weight:bold;*/
	/*color:#434343;*/
	color:#313131;
	font-weight:bold;
}

.psDropDownList {
	font-family:Verdana;
	font-size:11px;
	height:auto;
	width:100%;
}

.recentList
{
	padding: 1px;
	color:#606050;
	font-weight:bold; 
	padding-top:10px;
	font-size:120%;	
}
.recentLifstItem
{
	
	}

/* Edit Form Style *********************************************************/
/*Style of Cell(TD) with unterline line on Form*/
TD.psBar 
{	
	border-bottom:solid 1px #D1D1D1;		
	color:#606050;font-weight:bold; 
	padding-top:10px;		
}

TD.psBarNoBorder 
{		
	padding: 1px;
	color:#606050;
	font-weight:bold; 
	padding-top:10px;
}

tr.psAfterBar
{
	height:5px;	
}

div.psBar {
	border-bottom:#8C8E8C 3px solid;
	color:#606050;font-weight:bold;width:100%;
	padding-top:10px;
}
.primaryValue
{
	font-size:160%;	
	margin:0px;
	margin-right:15px;
	width: 100px;
	color:#606050;
	font-weight:bold; 
}
div.idBar
{
	border-bottom:#8C8E8C 3px solid;
	color:#606050;font-weight:bold;width:100%;
	/*padding-top:10px;*/
	text-align:right;

	margin-bottom:10px;

	/*background-image:url(../../images/topnavbg.gif);
	height:5px;
    margin:0px;
	padding:0px;
	font-size: 5px;
	background-repeat:repeat-x;
	line-height:0;	  	*/
}

.psLabelSection {}

/*Style for multi line asp:textbox control*/
.psTextarea 
{
	border:#DDDDDD 1px solid;
	/*font-family:Verdana;*/
	font-size:8pt;
	width:100%;	
	
	background:url("../../images/elementsh.png") repeat-x scroll 0 -135px #FEFEFE;
	-moz-border-radius-bottomleft:2px;
	-moz-border-radius-bottomright:2px;
	-moz-border-radius-topleft:2px;
	-moz-border-radius-topright:2px;
	border-color:#8E8E8E #E1E1E1 #E1E1E1 #8E8E8E;
	border-style:solid;
	border-width:1px;
	font-size:85%;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	color:#313131;
}

.resizablepanel
{
	z-index:20;	
}
.resizablepanel .bd 
{
    overflow:auto;    
}	
.resizablepanel .ft {
    height:0px;
    padding:0;
}
/*Some custom CSS is applied to the resize handle to align it with the bottom of the panel and increase the default size.*/
.resizablepanel .yui-resize-handle-br {
    right:0;
    bottom:0;
    height: 8px;
    width: 8px;
    position:absolute;
}

/*
    The following CSS is added to prevent scrollbar bleedthrough on
    Gecko browsers (e.g. Firefox) on MacOS.
*/
/*
    PLEASE NOTE: It is necessary to toggle the "overflow" property
    of the body element between "hidden" and "auto" in order to
    prevent the scrollbars from remaining visible after the the
    Resizable Panel is hidden.  For more information on this issue,
    read the comments in the "container-core.css" file.

    We use the #reziablepanel_c id based specifier, so that the rule
    is specific enough to over-ride the .bd overflow rule above.
*/

.resizablepanel_c.hide-scrollbars .yui-resize .bd {
    overflow: hidden;
}

.resizablepanel_c.show-scrollbars .yui-resize .bd {
    overflow: auto;
}

/*
    PLEASE NOTE: It is necessary to set the "overflow" property of
    the underlay element to "visible" in order for the
    scrollbars on the body of a Resizable Panel instance to be
    visible.  By default the "overflow" property of the underlay
    element is set to "auto" when a Panel is made visible on
    Gecko for Mac OS X to prevent scrollbars from poking through
    it on that browser + platform combintation.  For more
    information on this issue, read the comments in the
    "container-core.css" file.
*/

.resizablepanel_c.show-scrollbars .underlay {
    overflow: visible;
}

button.lookup, button.lookupSetEmpty
{
    position: relative;
	border: 0px solid white;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0px center;
    padding: 0px 0px 0px 21px;
    height: 19px;
    cursor: pointer;
    background-image: url(../../images/finditem.gif);    
    vertical-align:middle;	    
    margin-right:3px;
    margin-left:9px;
    
}

td.lookupbtn
{
	width:25px;
}

td.acbox
{
	width:100%;	
}


span.lookup
{
    position: relative;
	border: 0px solid white;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0px center;
   
    height: 19px;    
    cursor: pointer;
    /*background-image: url(../../images/finditem.gif);    */
	background:url(../../images/elementsv.png) no-repeat  -2px -340px;
	
	margin: 0px 0px 0px -3px;
	padding:4px 30px 5px 0px;	
	vertical-align:top;
	
	display:block;
	/*width: 100%;*/	
      /*vertical-align:middle;	    */
    /*margin-right:3px;*/    
}

span.lookup:hover
{
		background:url(../../images/elementsv.png) no-repeat  -2px -382px;	
}

span.lookup:active
{
	background:url(../../images/elementsv.png) no-repeat  -2px -424px ;	
}



button.lookupSetEmpty
{
    background-image: url(../../images/item_empty.png);
}
div.add {
    /*background-repeat: no-repeat;
    background-position: 1px center;
    background-image: url(../../images/addy.gif);*/
    padding: 3px 21px 3px 3px;
    height: 16px;
    cursor: pointer;    
    background:url("../../images/elementsv.png") no-repeat scroll -1px -79px transparent;
}
div.add:hover {	background: url(../../images/elementsv.png) no-repeat scroll   -1px -102px transparent;	}
div.add:active { background: url(../../images/elementsv.png) no-repeat scroll   -1px -130px transparent; }

div.remove {
    /*background-repeat: no-repeat;
    background-position: 1px center;
    background-image: url(../../images/delete.png);*/
    padding: 4px 21px 3px 3px;
    height: 16px;
    cursor: pointer;        
    background:url("../../images/elementsv.png") no-repeat scroll -1px 4px transparent;
    /*border:solid 1px;*/
}
div.remove:hover {	background: url(../../images/elementsv.png) no-repeat scroll   -1px -22px transparent;	}
div.remove:active { background: url(../../images/elementsv.png) no-repeat scroll   -1px -48px transparent; }


/*div.checkmark {
    background-repeat: no-repeat;
    background-position: 1px center;
    padding: 1px 1px 1px 1px;
    height: 19px;
    cursor: pointer;
    background-image: url(../../images/16_startsupport_disabled.gif);
}  */

a.removeLE
{
  text-indent: -4444px;
  text-decoration: none;
  display: block;
  width: 25px;
  height: 22px;
  /*border:solid 1px;*/
  /*background: transparent url(../../images/delete.png) center no-repeat;*/
  /*background:url("../../images/elementsh.png") no-repeat scroll right -86px #FEFEFE;	*/
  background:url(../../images/elementsh.png) no-repeat  -1px 3px ;
  /*float: right;*/
  float: left;
  margin: 0 0 0 0px;									 
}

.removeLE2 {    
  /*width: 25px;
  height: 22px;	 */
  /*border:solid 1px;  */
  background:url(../../images/elementsh.png) no-repeat  -1px 4px ;	
  margin: 0 0 0 0px;									 
  padding:4px 25px 4px 6px;
  cursor: pointer;
	/*display:block;*/
}	


.removeLE2:hover 
{
  background: url(../../images/elementsh.png) no-repeat  -1px -22px ;	
}
.removeLE2:active
{
  background: url(../../images/elementsh.png) no-repeat  -1px -48px ;	
}
	
div.footer
{
	text-align:center;
	margin-top:50px;
	padding:5px;
	border-bottom:solid 1px #A5A5A5;
	color:#595959;
	font-size:90%;
}
div.footer2
{
	text-align:center;
	margin-top:0px;
	padding:5px;	
	color:#595959;
	font-size:90%;
}

label.error
{
	color: red;
	font-style: italic;
}

/*Rounded box for information 1 *****************************************/
/*background: #bfc3ca url(http://www.newspond.com/gfx/sx_header/sx-top-bg.gif) repeat-x;*/
/*.sx_header {
	height: 26px;
	width: 100%;
	background: #bfc3ca url(../../images/submenu.gif) repeat-x;
}  */

/************************ToolBox - Recent Items ****************************/
.toolbox2
{
}
.toolbox
{
	height:auto;
	width: 100%;
	/*background: #bfc3ca  url(../../images/PHD_15.gif) repeat-x; */
	background:  url(../../images/PHD_15c.png) repeat-x scroll 0px 0px transparent; /*#bfc3ca*/
	vertical-align:top;
}

th, td {
	border:0px;
	padding:0px;
}

.toolbox .recenthead
{
	height:44px;
	color:#1d656e;
	height:auto;
}

.toolbox .tbLeft
{	
	position: relative;
	margin-right: 7px;
	text-shadow: #caced2 0 1px 0;
	height: 44px;
	background: url(../../images/PHD_13c.gif) no-repeat left;
	padding-top:0px;
	padding-right: 5px;
}

.toolbox .tbRight
{
	height: 44px;
	width: 5px;
	float: right;
	background: url(../../images/PHD_17c.gif) no-repeat right;
}

.toolbox .item
{

	position: relative;
	top: 9px;
	float: left;
	width: auto !important;
	width: auto;
	height: 18px;
	margin-right: 3px;
	margin-left: 3px;
	color:#5d656e;
}

.toolbox .item_selected
{
	position: relative;
	top: 9px;
	float: left;
	cursor: pointer;
	width: auto !important;
	width: 25px;
	height: 18px;
	background: #66717a url(../../images/selected_left.jpg) no-repeat left -18px;
	margin-right: 3px;
	margin-left: 3px;
}

.toolbox .item_selected a:link, .toolbox .item_selected a:visited
{
	text-decoration: none;
	padding-right: 11px;
	padding-left: 13px;
	display: block;
	float: left;
	cursor: pointer;
	width: auto !important;
	width: 25px;
	color: #fff;
	height: 18px;
	position: relative;
	white-space: nowrap;
	text-shadow: #181b1f 0 1px 2px;
	background: url(../../images/selected_right.jpg) no-repeat right -18px;
	font: 11px/15px "Lucida Grande", Tahoma, Verdana, sans-serif;
	opacity: 1;
}

/********** submenu ****************************************************************************/
.submenu {
	background:#BFC3CA url(../../images/submenu.gif) repeat-x scroll 0 0;
	height:26px;
	width:100%;	
}

/************w3 BEGIN *******************/
.submenu a.submit {
	display: block;
	float:left;
	width: 10em;
	text-align: center;
	margin-top: 3px;
	background: url(../../images/1.gif) no-repeat center left;
	text-decoration: none;

	left: 20px;
	cursor: pointer;
	width: auto !important;
	width: 25px;
	height: 18px;
	margin-right: auto;
	margin-left: 3px;
}
.submenu a.submit span
{
	display: block;
	background: url(../../images/2.gif) no-repeat center right;
	color: #fff;
	height: 18px;
	position: relative;
	white-space: nowrap;
	text-shadow: #181b1f 0 1px 2px;
	background: url(../../images/2.gif) no-repeat right ;
	font-family:inherit;
	font-size:100%;
	padding-right: 11px;
	padding-left: 13px;
}

.submenu a.submit2 {
	display: block;
	float:left;
	width: 10em;
	text-align: center;
	margin-top: 3px;

	text-decoration: none;

	left: 20px;
	cursor: pointer;
	width: auto !important;
	width: 25px;
	height: 18px;
	margin-right: auto;
	margin-left: 3px;
}
.submenu a.submit2 span
{
	display: block;
	color: #fff;
	height: 18px;
	position: relative;
	white-space: nowrap;
	text-shadow: #181b1f 0 1px 2px;
	font-family:inherit;
	font-size:100%;
	padding-right: 11px;
	padding-left: 13px;
}

.submenu a.submit2:hover
{
	display: block;
	float:left;
	width: 10em;
	text-align: center;
	margin-top: 3px;
	background: url(../../images/submenuhower1.jpg) no-repeat center left;
	text-decoration: none;

	left: 20px;
	cursor: pointer;
	width: auto !important;
	width: 25px;
	height: 18px;
	margin-right: auto;
	margin-left: 3px;
}

.submenu a.submit2:hover span:hover
{
	display: block;
	background: url(../../images/2.gif) no-repeat center left;

	color: #fff;
	height: 18px;
	position: relative;
	white-space: nowrap;
	text-shadow: #181b1f 0 1px 2px;
	background: url(../../images/submenuhower2.jpg) no-repeat right ;
	font-family:inherit;
	font-size:100%;
	padding-right: 11px;
	padding-left: 13px;
}
/************w3 END *******************/
.submenu .item_selected
{
	position: relative;
	top: 3px;
	left: 20px;
	float: left;
	cursor: pointer;
	width: auto !important;
	width: 25px;
	height: 18px;
	background: url(../../images/1.gif) no-repeat left 0;
	margin-right: 3px;
	margin-left: 3px;
}

.submenu .item_selected a:link, .submenu .item_selected a:visited
{
	text-decoration: none;
	padding-right: 11px;
	padding-left: 13px;
	display: block;
	float: left;
	cursor: pointer;
	width: auto !important;
	width: 25px;
	color: #fff;
	height: 18px;
	position: relative;
	white-space: nowrap;
	text-shadow: #181b1f 0 1px 2px;
	background: url(../../images/2.gif) no-repeat right ;
	font-family:inherit;
	font-size:100%;
	opacity: 1;
}

.submenu .item
{
	cursor: pointer;
	width: auto !important;
	width: 25px;
	position: relative;
	top: 3px;
	left: 20px;
	float: left;
}

.submenu .item a:link
{
	cursor: pointer;
	width: auto !important;
	width: 25px;
	text-decoration: none;
	display: block;
	color: #FFFFFF;
	white-space: nowrap;
	text-shadow: #e3e3e3 0 1px 0;
	font-family:inherit;
	font-size:100%;
	padding: 0px 12px 1px;
	height: 17px;
}

.submenu .item a:visited
{
	cursor: pointer;
	width: auto !important;
	width: 25px;
	text-decoration: none;
	display: block;	
	color: #FFFFFF;
	white-space: nowrap;
	text-shadow: #e3e3e3 0 1px 0;
	color: #FFFFFF;
	font-size:100%;
	font-family:inherit;
	padding: 0px 12px 1px;
	height: 17px;
}


/*TODO: Click event
.submenu  .item:active, .submenu .item:active
{
	background:  url(../../images/1.gif) no-repeat left;
	color: #CC0000;
	font-size:200%;
}
.submenu  .item a:active, .submenu .item a:active
{
	background: url(../../images/2.gif) no-repeat right;
	color: #CC0000;
	font-size:200%;
}*/

.submenu .item a:active
{
	color: #FFFFFF;/*252930;*/
	font-size:100%;/*font-size: 11px; */
	font-family:inherit;
}
/**************************************************************************************/
.sx_header {
	height:44px;
	width: 100%;
	background: #bfc3ca url(../../images/PHD_15c.gif) repeat-x;
}

.sx_header .sortby, .sx_header .view
{
	color:#5d656e;
	float:left;
	position: relative;
	text-shadow: #000000 0 0 0;
	font: bold 11px/15px "Lucida Grande", Tahoma, Verdana, sans-serif;
	/*text-transform: lowercase;*/
	margin-right: 7px;
}


.sx_header .sortby {
	padding-left: 20px;
	text-shadow: #caced2 0 1px 0;
	height: 44px;
	margin-right: -21px;
	background: url(../../images/PHD_13c.gif) no-repeat left;
	padding-top:0px;
	padding-right: 5px;
}
.sx_header .recenthead
{
	/*height:44px;
	color:#1d656e;
	padding:5px;*/
}


.sx_header .right {
	height: 44px;
	width: 206px;
	float: right;
	background: url(../../images/PHD_17c.gif) no-repeat right;	
}

.sx_header .item_selected, .sx_header-sub .item_selected
{
	position: relative;
	top: 8px;
	left: 20px;
	float: left;
	cursor: pointer;
	width: auto !important;
	width: 25px;
	height: 18px;	
	background: url(../../images/submenuitem1.gif) no-repeat left 0;
	background: url(../../images/1.gif) no-repeat left 0;
	margin-right: 3px;
	margin-left: 3px;
}

.sx_header-sub .item_selected
{
	top: 3px;
}

.sx_header .item_selected a:link, .sx_header .item_selected a:visited , .sx_header-sub .item_selected a:link, .sx_header-sub .item_selected a:visited
{
	text-decoration: none;
	padding-right: 11px;
	padding-left: 13px;
	display: block;
	float: left;
	cursor: pointer;
	width: auto !important;
	width: 25px;
	color: #fff;
	height: 18px;
	position: relative;
	white-space: nowrap;
	text-shadow: #181b1f 0 1px 2px;
	background: url(../../images/selected_right.jpg) no-repeat right -18px;
	background: url(../../images/submenuitem2.gif) no-repeat right ;
	background: url(../../images/2.gif) no-repeat right ;
		
	font: 11px/15px "Lucida Grande", Tahoma, Verdana, sans-serif;
	opacity: 1;
	z-index:100;
}

.sx_header .item:active, .sx_header-sub .item:active
{
	background:  url(../../images/submenuitem1.gif) no-repeat left;
	color: #fff;
}
.sx_header .item a:active, .sx_header-sub .item a:active
{
	background: url(../../images/selected_right.jpg) no-repeat right -18px;
	z-index:100;
}

.sx_header .item, .sx_header-sub .item
{
	cursor: pointer;
	width: auto !important;
	width: 25px;
	position: relative;
	top: 9px;
	left: 20px;
	float: left;
}

.sx_header-sub .item
{
	top: 5px;
}
.sx_header .item a:link, .sx_header-sub .item a:link
{
	cursor: pointer;
	width: auto !important;
	width: 25px;
	text-decoration: none;
	display: block;
	/*color: #1c2531;*/
	color: #FFFFFF;
	white-space: nowrap;
	text-shadow: #e3e3e3 0 1px 0;
	font: 11px/15px "Lucida Grande", Tahoma, Verdana, sans-serif;
	padding: 0px 12px 1px;
	height: 17px;
}


.sx_header .item a:visited, .sx_header-sub .item a:visited
{
	cursor: pointer;
	width: auto !important;
	width: 25px;
	text-decoration: none;
	display: block;
	/*color: #1c2531;*/
	color: #FFFFFF;
	white-space: nowrap;
	text-shadow: #e3e3e3 0 1px 0;
	font: 11px/15px "Lucida Grande", Tahoma, Verdana, sans-serif;
	padding: 0px 12px 1px;
	height: 17px;
}


.sx_header .item a:hover, .sx_header-sub .item a:hover
{
	color: #FFF;
	font-size: 11px;
}

.sx_header .item a:active, .sx_header-sub .item a:active
{
	color: #252930;
	font-size: 11px;
}

/* ************* Login ********************* */
body.login, html.login  {
	background:#D7D7D7 none repeat scroll 0 0;
}

div#mainlogin
{
	margin: 108px auto 0;
	width: 546px;
	text-align: left;
}
div#login-top
{
	background: transparent url(../../images/login-top.png) no-repeat;
	height: 8px;
	width: 546px;
}

div#login-body
{
	background: transparent url(../../images/login-bg.png) repeat-y;
	width: 545px;
}
div#login-bottom
{
	background: transparent url(../../images/login-bottom.png) no-repeat;
	height: 15px;
	width: 546px;
}

div#mainlogin div#panelLogin  div
{
	margin: 0 auto;
	padding-bottom: 18px;
	width: 456px;
}

div#branding
{
	padding-top: 20px;
	font-size: 30px;
	font-weight:bold;
	color:#595959;
}

div#mainlogin label
{
	color: #888888;
	display: block;
	font-size: 12px;
	line-height:18px;
}

div#mainlogin p
{
	color:#595959;
	display:block;
	font-size:100%;
	line-height:18px;
	margin-bottom:18px;
	text-align:left;
}

div#mainlogin div#messagebox p
{
	margin-bottom:0px;
}

div#mainlogin a:link, div#mainlogin a:visited {
	/*color:#015793;*/
	color:#005ba7;
	text-decoration:none;
}

div#mainlogin a:hover, div#mainlogin a:active
{
	color:#005ba7;
	text-decoration:underline;
}

/*JavaScript Code Editor*/
div.codeEditor
{
	border:1px solid black;
	padding:3px;
}
div.codeEditToolbar	
{
	border-bottom:1px solid #adadad;	
	padding:0px;
}

.reportTitle
{
	font-size:160%;
	font-weight:bold;
	margin:0pt;
	width: 100px;
}

/* ************* Reset password ********************* */
body.resetpassword, html.resetpassword  {
	background:#D7D7D7 none repeat scroll 0 0;
}

div#resetpassword-main
{
	margin: 108px auto 0;
	width: 546px;
	text-align: left;
}
div#resetpassword-top
{
	background: transparent url(../../images/login-top.png) no-repeat;
	height: 8px;
	width: 546px;
}

div#resetpassword-body
{
	background: transparent url(../../images/login-bg.png) repeat-y;
	width: 545px;
}
div#resetpassword-bottom
{
	background: transparent url(../../images/login-bottom.png) no-repeat;
	height: 15px;
	width: 546px;
}

div#resetpassword-main div#resetpassword-panel  div
{
	margin: 0 auto;
	padding-bottom: 18px;
	width: 456px;
}

div#resetpassword-main label
{
	color: #888888;
	display: block;
	font-size: 12px;
	line-height:18px;
}

div#resetpassword-main p
{
	color:#595959;
	display:block;
	font-size:100%;
	line-height:18px;
	margin-bottom:18px;
	text-align:left;
}

div#resetpassword-main div#messagebox p
{
	margin-bottom:0px;
}

div#resetpassword-main a:link, div#resetpassword-main a:visited {
	/*color:#015793;*/
	color:#005ba7;
	text-decoration:none;
}

div#resetpassword-main a:hover, div#resetpassword-main a:active
{
	color:#005ba7;
	text-decoration:underline;
}

/*http://plugins.jquery.com/project/TextAreaResizer*/
div.grippie {
    /*background:#EEEEEE url(../../images/grippie.png) no-repeat scroll center 2px;*/
    /*border-color:#DDDDDD;*/
    background:#f6f6f6 url(../../images/grippie.png) no-repeat scroll center 2px;    
    /*background-color:#EFEFEF;*/
    /*border-style:solid;
    border-width:0pt 1px 1px;*/
    cursor:s-resize;
    height:3px;
    overflow:hidden;
}
.resizable-textarea textarea {
    display:block;
    margin-bottom:0pt;
    width:100%;
    height: 20%;
}


/*Bookmarks*/
div.bookmarkheader {
	background-color:#F5F5F5;
	/*background: #F3F3F3  url(../../images/bullet_arrow_down.png)  no-repeat scroll right center; */
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	font-size:100%;
	line-height:150%;
	padding-bottom:5px;
	padding-left:10px;
	padding-top:5px;
	margin-top:15px;
	width:175px;	
}
span.bookmarkmoreinfo {	
	background: #F5F5F5 url(../../images/bullet_arrow_bottom.png)  no-repeat scroll right center; 		
	padding-bottom:3px;
	padding-left:20px;	
	cursor: pointer;	
}

/*#sortablesource, ul li { list-style-type: none; margin: 0; padding: 0; width: 7px; }	 */
#sortablesource { margin: 0; }	 
/*#sortablesource li { list-style-type: none; margin: 0; padding: 0; width: 7px; }	 */
#sortablebookmarks  
{
	margin: 0; padding: 0; float: left; margin-right: 0px; 
	/*background: #eee; */
	padding-top:5px;	
	width: 185px;
}
#sortablebookmarks li 
{
	list-style-type: none; 
	margin: 0px; 
	width: 185px; 
}

li a.bookmarkitem 
{
	background:  url(../../images/drag5.png)  no-repeat scroll left center;
	margin: 0px; 
	padding-left: 10px;	
	width: 160px; 
	cursor: pointer;
}
span.removebookmarkitem
{
	background:  url(../../images/delete.png)  no-repeat scroll left center;	
	width: 16px;
	height:11px;
	padding-left: 16px; 
	cursor: pointer;
	/*border:solid 1px #000000;*/
}



/*Dragable - sortable */
li.draghandler1
{
	background: #FFFFFF  url(../../images/drag5.png)  no-repeat scroll left center;
	width:7px;
	height:11px;
	cursor: pointer;
	/*border:solid 1px #000000;*/
	padding:3px;
	list-style-type: none; 
	
}

div.draghandler2
{
	background: #FFFFFF  url(../../images/navcell.jpg)  no-repeat scroll left center;
	border: solid 2px #DDDDDD;
	width:100px;	
	height:18px;
	cursor: pointer;
	/*border:solid 1px #000000;
	padding:3px;*/
}
/*li.draghandler2
{
	background: #FFFFFF  url(../../images/drag5.png)  no-repeat scroll left center;    			
	width:6px;
	height:11px;
}*/
td.draghandler
{
	width:6px;	
	padding: 2px;
}
/*#bookmarkdelete  {	list-style-type: none; margin: 0; padding: 0; width: 150px; padding-top:7px; }
/*#bookmarkdelete li { /* padding: 5px;  width: 150px;*/ /*}*/
/*#sortable3 { list-style-type: none; margin: 0; padding: 0; float: left; margin-right: 10px; background: #eee; padding: 5px; width: 143px;}
#sortable3 li { margin: 5px; padding: 5px; font-size: 1.2em; width: 120px; }
#sortablebookmarks, ul li { list-style-type: none; margin: 0; padding: 0; width: 150px;}*/
/*#sortablebookmarks li { }
#sortablebookmarks li span { }*/
/*#sortablebookmarksXXX li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; }
#sortablebookmarksXXX li span { position: absolute; margin-left: -1.3em; }

#draggable { width: 10px; height: 10px; padding: 0.5em; float: left; margin: 10px 10px 10px 0; }
#droppable { width: 150px; height: 150px; padding: 0.5em; float: left; margin: 10px; }*/


/*Category popup menu */


div.psPopMenu
{
	cursor:default;
	position:absolute;
	z-index:10;
	background:#FFFFFF none repeat scroll 0 0;	
	border:solid 1px #808080;
	margin:5px;
}

div.psPopMenuContent
{
	cursor:default;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	background:#FFFFFF none repeat scroll 0 0;	
	border-collapse:collapse;
	min-width:116px;
	max-height:250px;
	overflow-x:hidden;
	overflow-y:auto;
	margin:5px;
	/*font-size:80%;*/
}


/*.AX, .AR {*/
div.psPopMenuItem, span.psPopMenuItem  {	
	background:#FFFFFF none repeat scroll 0 0;
	color:#000000;	
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;	
	line-height:normal;
	vertical-align:top;	
	padding:3px;	
}
div.psPopMenuBarItem
{
	border-bottom:solid 1px #808080;
	height:1;
	margin:3px;	
}		
/* ------------------------------------ */
/* REPORTS */
/* ------------------------------------ */

/* Calendar style, this is used in all reports with calendar control */
#reportCalendar  
{
    border: none; 
    padding: 1em; 
}

#yuiCalendarDialog_c .yui-overlay-hidden table  
{
    display: none; 
}     

#yuiCalendarDialog .ft .button-group  
{
    text-align: center; 
}     

#yuiCalendarDialog .bd  
{
    padding: 0; 
}     

#yuiCalendarDialog .bd form  
{
    clear: left; 
}

/* Completed incidents over time report */
#completedIncidentsReport div {
	margin: 5px;
}
#completedIncidentsReport textarea {
	padding: 5px;
}
#completedIncidentsReport table {
	width: 600px;
}
#completedIncidentsReport .bigText {
	font-size: 140%;
}

/* All reports */

#chartPlaceholder
{
    height: 300px;
	width: 100%;
}

.elementBoxOnReports
{
	margin-top: 10px;
}

.controlsOnReports
{
	text-align: right;
}

.labelsOnReports
{
	font-size: 140%;
}

#reportDescription 
{
    padding: 3px;
}


/* override some skin styles for datatable paginator*/ 

/*.yui-skin-sam .yui-dt-paginator {
display:block;
margin:6px 0;
white-space:nowrap;
}  */

.yui-skin-sam .yui-pg-container {
	text-align: right; 
	float:right;
	margin:0px 0;	
}

.freeinfo
{
	color:#595959;
	font-size: 90%;	
	border:dashed 1px #595959;
	width:150px;
	padding:5px;		
	margin-top:12px;
	margin-bottom:10px;
}

/* Other Stuff */
.selectionArrayTable td
{
    padding-right: 10px;
}

.psHidden
{
    display: none;
}

/* add space between rows in advanced filters */
#filter td.psFormCell
{
    /*padding: 3px;*/
}

.selectFilter
{
    margin-left: 20px;
}

/*
.dateFilter
{
	-moz-border-radius:2px;
	-x-system-font:none;
	border:1px solid #DDDDDD;
	font-size:100%;
	margin:1px;
	padding:2px 1px;
}*/		

/*STYLED ELEMENTS*/
/*Text box classes*/
.psTextbox, .textboxMiddle
{		
	-moz-border-radius:2px 2px 2px 2px;	
	-x-system-font:none;	
	background:url("../../images/elementsh.png") repeat-x scroll right -135px #FEFEFE;	
	font-size:100%;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;	
	margin:0px;	
	border-color:#8E8E8E #E1E1E1 #E1E1E1 #8E8E8E;
	border-style:solid;
	border-width:1px;	 	
	padding:2px 0px 2px 2px;
	color:#313131;
}

.psTextbox
{
	width:100%;	
}

.textboxMiddle
{
	width:auto;
	min-width:200px;
}			   			   

.ps-filter-filtername
{
	width:200px;
}

.psLoginText
{
	font-size:160%;
}


/*desktop fitler*/
.filterTextSearchXXXXXXXXXXX
{
/*-moz-border-radius:2px;
border:1px solid #DDDDDD;
font-size:100%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
width:auto;
height:14px;
padding:2px;*/
}

/*Select Styled*/
/*tsting*/
span.selectstyled 
{
	cursor:pointer;	
	/*width: 100%; 
	width: 100px; /* With the padding included, the width is 190 pixels: the actual width of the image. */	
	overflow: hidden;
	position:absolute;	
	-moz-border-radius:2px 2px 2px 2px;	
	background:url("../../images/elementsh.png") no-repeat scroll right -86px #FEFEFE;	
	border-color:#8E8E8E #E1E1E1 #E1E1E1 #8E8E8E;
	border-style:solid;
	border-width:1px;	
	height:16px;
	/*margin-top:4px;	*/
	/*padding-left:2px;
	padding-right:30px;*/	
	padding:2px 0px 2px 0px;	
	margin:0px;
}

/*input.s2tyled {  display: none;} */
select.styled
{
	position: relative; 
	opacity: 0; 
	filter: alpha(opacity=0); 
	z-index: 1; 		
    
    /*border-color:#DDDDDD;
    border-style:solid; */
	border-width:0px;  	
	width: 100%;	
	
	-moz-border-radius:2px 2px 2px 2px;	
	padding:2px 0px 2px 0px;	
} 

select.smallwidth
{
	width: 100px; 	
	margin-right:5px;
}
select.middlewidth
{
	width: 200px; 	
	margin-right:5px;
}			  
/***END testing ***/


select.selectForm
{
	/*
	width:100%;
    border-style:solid;
	border-width:1px;
	border-color:#DDDDDD;	
	padding:2px;
	margin-top:2px;	
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;	
*/
}
/*	
.filterSelect
{
	-moz-border-radius:2px;		
	border:1px solid #DDDDDD;
	font-size:100%;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	width:auto;
	height:23px;
	padding:1px;*/
	/*font:11px "Lucida Grande",Lucida,Verdana,sans-serif;*/
	/*cursor:pointer;		
	height:19px;
	margin:0;
	min-width:48px;
	opacity:0;
	padding:0;
	position:relative;
	width:inherit;
	z-index:4;
	cursor:pointer;
}				  */

span.select 
{
	/*cursor:pointer;	
	width: 100%; 
	width: 100px; /* With the padding included, the width is 190 pixels: the actual width of the image. */	
	/*overflow: hidden;
	position:absolute;	
	-moz-border-radius:2px 2px 2px 2px;
	background:url("../../images/elements") repeat scroll right -139px #FEFEFE;
	border-color:#8E8E8E #E1E1E1 #E1E1E1 #8E8E8E;
	border-style:solid;
	border-width:1px;	
	height:20px;
	margin:0;
	padding-left:2px;
	padding-right:30px;
	margin-top:3px;*/
}
/*
input.styled {  display: none;} 
select.styled, select.styledsmall, select.styledmedium, select.styledmax
{
	position: relative; opacity: 0; filter: alpha(opacity=0); z-index: 5; 
	width: 100%; 
	width: 100px; 
} 

.disabled { opacity: 0.5; filter: alpha(opacity=50); }
*/

#buttonGo
{
	vertical-align:bottom;	
}	


/*Incident Conversation*/
table.conversation-body td
{
	padding-bottom:10px;	
}

.ps-conversation-template
{
	/*background-color:White;
	border:solid 2px #CCCCCC;
	padding:10px;
	margin-top:10px;
	margin-bottom:10px;*/
	-moz-border-radius:6px 6px 6px 6px;
	-moz-box-shadow:0 0 6px #CCCCCC;
	background:none repeat scroll 0 0 #FFFFFF;
	/*border:medium none !important;*/
	border:solid 2px #CCCCCC;
	margin:5px 0 10px !important;
	/*padding:10px 15px 10px 15px!important;	*/
}

.conversation-head
{
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#CCCCCC; /*AFAFAF;*/
	-moz-box-shadow:0 0 6px #CCCCCC;
	padding:5px;	
}
span.con-subhead
{
	font-weight:bold;

	font-size:110%;
	
	
		
}
.conversation-body
{
	padding:5px;	
}


div.con-gr1 , div.con-gr2, div.con-gr3{ width:100%;	 }
div.con-gr1  
{		
	background:url("../../images/elementsh.png") repeat-x scroll 0 -135px #FEFEFE;	
	height:4px;
}

div.con-sub
{
	margin-left:-5px;
	padding-left:5px;
	padding-right:25px;
	/*background:#f2f2f2;	*/
	min-width:200px;
	background:url("../../images/shadowmidlebottom.png") no-repeat scroll left top #FFFFFF;
	background: #FFFFFF  url(../../images/shadowmidle3.png) repeat-y scroll left top;
	height:20px;
}

/*
div.con-gr2 { border-bottom:solid 1px #f2f2f2; }
div.con-gr3 { border-bottom:solid 1px #f9f9f9; }

td.contd
{
	padding:10px 5px 10px 0px;
	margin-left:-10px;
}

.convpostedon
{
	text-align:right;	
}

div.convfooter
{
	border-bottom:solid 1px #F1F1F1;
	/*background:url(../../images/separator.jpg) repeat-x scroll center bottom;    		
	height:2px;*/
/*}*/

/*

/*------------------------------------------------------*/
/*Polar : Overwrite YUI CSS */
.yui-button-active{border-color:#7D98B8;background-position:0 -1700px;} /*SP: izbrisati ovo kad prestane experiment */
/*#yui-main*/

.yui-skin-sam .yuimenubar 
{
	border-left-color:#ffffff;
	border:1px solid #808080;
	border-left-width:0px;
	border-right-width:0px;
	line-height:2.3;
	font-size:100%;	
}

.yui-t2 .yui-b {
	float:left;
	width:190px;
	/*width:14.8461em;*/
}

/* styles for input field */ 
.yui-skin-sam .yui-ac-input {
	position:relative;
	 width:100%; /*width:auto;*/
}  

/*For make datatable width on 100% in firefox - http://yuilibrary.com/forum/viewtopic.php?p=1733 */
.yui-skin-sam .yui-dt table
{
	width:100%;
}

/*ORIGINAL: .yui-skin-sam .yui-navset .yui-content,.yui-skin-sam .yui-navset .yui-navset-top .yui-content{border:1px solid #808080;border-top-color:#243356;padding:0.25em 0.5em;} */
.yui-skin-sam .yui-navset .yui-content,.yui-skin-sam .yui-navset .yui-navset-top .yui-content
{
	border:0px solid #808080;
	border-top-color:#243356;
	padding:0em 0em;
}

.yui-button#buttonCreate button, .yui-button#createIncidentButton button  ,.yui-button#buttonCreateReport button ,  .yui-menu-button#menutoggle button 
{												   	
	background: url(../../images/elementsv.png) no-repeat scroll   -1px -76px transparent;
}
.yui-button#buttonCreate button:hover, .yui-button#createIncidentButton button:hover  ,.yui-button#buttonCreateReport button:hover ,  .yui-menu-button#menutoggle button:hover 
{	
	background: url(../../images/elementsv.png) no-repeat scroll   -1px -99px transparent;	
}
.yui-button#buttonCreate button:active, .yui-button#createIncidentButton button:active  ,.yui-button#buttonCreateReport button:active ,  .yui-menu-button#menutoggle button:active
{	
	background: url(../../images/elementsv.png) no-repeat scroll   -1px -127px transparent;
}
.yui-button#buttonCreate button, .yui-button#createIncidentButton button  ,.yui-button#buttonCreateReport button ,  .yui-menu-button#menutoggle button 
{
	padding: 0 2px 0 22px;	
}

.yui-button#buttonSave button, .yui-button#buttonSaveReport button, .yui-button#buttonRestore button, .yui-button#saveViewButton button
{
	background: url(../../images/elementsv.png) no-repeat scroll   -1px -160px transparent;
}
.yui-button#buttonSave button:hover, .yui-button#buttonSaveReport button:hover, .yui-button#buttonRestore button:hover, .yui-button#saveViewButton button:hover
{		
	background: url(../../images/elementsv.png) no-repeat scroll   -1px -187px transparent;	
}
.yui-button#buttonSave button:active, .yui-button#buttonSaveReport button:active, .yui-button#buttonRestore button:active, .yui-button#saveViewButton button:active
{
	background: url(../../images/elementsv.png) no-repeat scroll   -1px -217px transparent;
}
.yui-button#buttonSave button, .yui-button#buttonSaveReport button, .yui-button#buttonRestore button, .yui-button#saveViewButton button
{
	padding: 0 2px 0 22px;	
}



.yui-button#buttonDelete button , .yui-button#deleteButton button 
{		
	background: url(../../images/elementsv.png) no-repeat scroll   -1px 5px transparent;
}

.yui-button#buttonDelete button:hover , .yui-button#deleteButton button:hover 
{
	background: url(../../images/elementsv.png) no-repeat scroll   -1px -21px transparent;

}
.yui-button#buttonDelete button:active , .yui-button#deleteButton button:active
{
	background: url(../../images/elementsv.png) no-repeat scroll   -1px -47px transparent;
}

.yui-button#buttonDelete button , .yui-button#deleteButton button 
{
	padding: 0 2px 0 22px;	
}

.yui-button#buttonExport button , .yui-button#buttonExport button 
{	
	background: url(../../images/elementsv.png) no-repeat scroll   -1px -244px transparent;
}
.yui-button#buttonExport button:hover , .yui-button#buttonExport button:hover 
{	
	background: url(../../images/elementsv.png) no-repeat scroll   -1px -271px transparent;
}
.yui-button#buttonExport button:active , .yui-button#buttonExport button:active 
{	
	background: url(../../images/elementsv.png) no-repeat scroll   -1px -301px transparent;
}
.yui-button#buttonExport button , .yui-button#buttonExport button 
{
	padding: 0 2px 0 22px;	
}

.yui-skin-sam .yui-button#buttonGo button, .yui-skin-sam .yui-button#buttonGo a, .yui-skin-sam .yui-button#buttonGo a:visited {
	font-size:100%;
	min-height:21px;
	height:21px;
	line-height:1;/*for bug in IE8, vertical positioning*/
}

.yui-skin-sam .yui-button button, .yui-skin-sam .yui-button a, .yui-skin-sam .yui-button a:visited {
	font-size:100%;
	min-height:25px;
	height:25px;	
}

.yui-skin-sam .leftsidebar  .yui-button 
{
	/*min-width:186px;	*/
}

#saveViewButton
{
	margin-left:9px;	
}

input.blur {
	color: #999;
}

/*YUI Datatable*/

/*
.yui-skin-sam .yui-dt th .yui-dt-liner {
	white-space:nowrap;
	border:solid 1px blue;  
}	*/

.yui-skin-sam .yui-dt td .yui-dt-liner {
	white-space:nowrap; /*S.P. for no breaking tekx in new line in cell */
	overflow:hidden;
	/*border:solid 2px blue;*/	
	/*o-text-overflow: ellipsis;    /* Opera */
	/*text-overflow:    ellipsis;    /* IE, Safari (WebKit) */
      
  /*word-wrap: break-word;*/
  padding:4px 3px 2px 4px ;  
}

.yui-skin-sam .yui-dt td 
{
	/*white-space:nowrap;
	overflow:hidden;	 */
}

.yui-skin-sam .yui-dt th .yui-dt-liner {
	padding:4px 3px 4px 4px ;  
}

/*Skinning datatabel*/
/* striping */ 
.yui-skin-sam tr.yui-dt-even { background-color:#FFF; } /* white */ 
.yui-skin-sam tr.yui-dt-odd { background-color:#FFFFFF;} /* EDF5FF light blue */ 
.yui-skin-sam tr.yui-dt-even td.yui-dt-asc, 
.yui-skin-sam tr.yui-dt-even td.yui-dt-desc { background-color:#EDF5FF; } /* EDF5FF light blue sorted */ 
.yui-skin-sam tr.yui-dt-odd td.yui-dt-asc, 
.yui-skin-sam tr.yui-dt-odd td.yui-dt-desc { background-color:#EDF5FF; } /* DBEAFF dark blue sorted */ 

/*grid*/
.yui-skin-sam .yui-dt td { 
	margin:0;padding:0; 
	border:none; 
	border-right:1px solid #F3F3F3; /*EDEDED  CBCBCB inner column border */ 
	border-top:1px solid #E6E6E6; /* CBCBCB inner column border */ 
	text-align:left; 
}

/* highlighting */ 
.yui-skin-sam th.yui-dt-highlighted, 
.yui-skin-sam th.yui-dt-highlighted a { 
    background-color:#f7f7f7; /* B2D2FF med blue hover */ 
} 
.yui-skin-sam tr.yui-dt-highlighted, 
.yui-skin-sam tr.yui-dt-highlighted td.yui-dt-asc, 
.yui-skin-sam tr.yui-dt-highlighted td.yui-dt-desc, 
.yui-skin-sam tr.yui-dt-even td.yui-dt-highlighted, 
.yui-skin-sam tr.yui-dt-odd td.yui-dt-highlighted { 
    cursor:pointer; 
    background-color:#f7f7f7; /* B2D2FF med blue hover */     
}

/*Selected row*/
.yui-skin-sam tr.yui-dt-selected td, 
.yui-skin-sam tr.yui-dt-selected td.yui-dt-asc, 
.yui-skin-sam tr.yui-dt-selected td.yui-dt-desc { 
    background-color:#c2d5f2; /* dfe8f6- 99BBE8 - 426FD9 - bright blue selected row */ 
    color:#313131;/*color:#FFF; */
}  


.yuimenuitemlabel
{
	z-index:110;
}

/*
.yui-skin-sam .yui-ac-content 
{
	z-index:201;
}  */
/*
div#dataTableContainer
{
	width:720px;
	overflow-x:hidden;
	overflow-y:hidden;
	
}
.yui-dt-headtext, .yui-dt-headcontainer {
	position: static; 
}
*/