body
{
	font-family: arial,sans-serif;
    color: #080909;
    background: #ffffff;
   	font-size:10.0pt;
   	margin:0px;
   	text-align: left; /* change */
   	padding:0px;
	height:100%;
}

p {
	margin-top: 3px;
	margin-bottom: 3px;
}
#main_content {
	width:100%;
	/*margin:0px auto;*/
	padding:0px;
	background-color:#FFFFFF;
	border-top: solid 4px #dedede;
	}
.center {
	text-align:left;
	display : block;
	margin:0px auto;
}

#success
{
	color: green;
	font-weight: bold;
}

#error
{
	color: red;
	font-weight: bold;
}
.errorField{
	color: red;
	font-weight: bold;
}


#errorsHeader
{
	color: red;
	font-weight: bold;
	font-size: 13pt;
}

a img {
	border-width: 0;
}
a { color: #0033cc;}
a:hover {color: #77bb33;}
a:focus  { outline-width: 0 }
a:active { outline-width: 0; }


.preload{display:none;}

/*  --- top --- */

.topstyle {
border-top: solid 3px #77bb33;
background-color: #ffffff;
margin-bottom: 10px;
}

.topbox {
color: #2a343d;
font-family: Arial;
padding: 2px;
font-weight : normal;
margin-right : 5px;
border: dashed 1px #dedede;
}

.topbox td {
font-size: 11px;
}

a.box:link,  a.box:visited
{
	font-family : Verdana, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0px 2px;
	text-decoration : underline;
	color: #0033CC;
}
a.box:hover {
	color: #77bb33;
}

a.show
{
	font-size: 11px;
}

.quickSearch {
	font-size: 12px;
	position: absolute;
	top: 70px;
	right: 11px;
	padding: 0px 5px;
	z-index: 3;
}
html>body .quickSearch {
	padding: 3px 5px;
}
.quickSearch span {
	padding: 2px 4px;
}
.userSearch{
	font-size: 12px;
	position: absolute;
	top: 70px;
	right: 210px;
	padding: 7px 5px;
	z-index: 3;
}
.userSearch INPUT{
	width:200px;
}

/* top navigation */
#menu {
position: absolute;
top: 70px;
left: 5px;
padding: 6px 0 0 10px;
background: url(img/nav_l.png) no-repeat left;
width: 98%;
height: 27px;
z-index: 1;
white-space: nowrap;
}


#menuright {
	position: absolute;
	top: 70px;
	right: 5px;
	width: 20px;
	height: 27px;
	padding: 6px 0 0 8px;
	background: url(img/nav_r.png) no-repeat right;
	z-index: 2;
}

#menu a { font-size: 11px; float:left; color:#5C5C5C; text-transform: uppercase; font-family: Tahoma,Arial,Verdana,Sans-Serif; font-weight:bold; text-decoration: none; padding: 0px 10px 0 10px; background: url(img/nav_border.png) no-repeat right; }
#menu a.on, #menu a:hover { color: #77bb33; }
html>body #menu a { padding: 3px 10px 0 10px;}

.topnav {
	width: 100%;
	height: 27px;
}
.topbg {
	background-color: #fff;
}

/* Drop Down Menu  */

.dropmenudiv{
position:absolute;
top: 0;
font:normal 11px Verdana;
line-height:18px;
z-index:200;
width: 120px;
visibility: hidden;
text-align: left;
padding-top: 8px;
}

.dropmenudiv a{
width: auto;
display: block;
text-indent: 1px;
border-bottom: 1px solid #FFFFFF; /*THEME CHANGE HERE*/
padding: 2px 5px;
text-decoration: none;
font-weight: bold;
color: #5C5C5C;
background-color: #efefef;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
color: #77bb33;
}

/* --- login ---------------------------------------------------------------------------------------------------- */

.login_bg {
	background: url(img/login_bg.png) repeat-x top;
}
#tabnav
	{
		height: 24px;
		margin: 0;
		padding-left: 10px;
		background: url(img/tab_bottom.gif) repeat-x bottom;
	}

#tabnav li
	{
		margin: 0;
		padding: 0;
  		display: inline;
  		list-style-type: none;
  	}

#tabnav a:link, #tabnav a:visited
	{
		float: left;
		background: #f3f3f3;
		font-size: 12px;
		line-height: 14px;
		font-weight: bold;
		padding: 4px 10px 4px 10px;
		margin-right: 4px;
		border: 1px solid #ccc;
		text-decoration: none;
		color: #7A7A7A;
	}

#tabnav a:link.active, #tabnav a:visited.active
	{
		border-bottom: 1px solid #fff;
		background: #fff;
		color: #000;
	}

#tabnav a:hover
	{
		background: #fff;
	}


/* tables -------------------------------------------------------------------------------------------------- */
table{
	border-width: 0;
}
td, th{
	font-family: arial,sans-serif;
	border-width: 0;
	font-size:10.0pt;
}
th{
	font-weight: bold;
}
.odd{
	
	background-color : #FEFEFE;
}
.even{
	background-color : #F0F0F0;
}
.head{
	background-color : #697d87;
	color: #fff;
	font-weight: bold;
}
.head h2 a{
	color : #fff;
}
.head th
{
	font-family: Verdana;
	color : #fff;
	text-align: left;
	padding-left: 5px;
}
.titlebox {
	background-image : url(img/title_bg.gif);
	background-repeat : repeat-x;
}
h3.titlebox {
font-family: Verdana;
font-size: 14px;
padding: 3px 5px 3px 5px;
font-weight : bold;
margin: 0;
}
.tblframe {
	border: 1px solid Silver;
	padding-top: 2px;
}

.tblframeb {
	border: 1px solid #adafaa;
}
.headb {
	background-color : #adafaa;
	color: #fff;
	}

.lable {
	background-color : #F0F0F0;
	text-align: right;
	padding: 2px 3px;
}
.lableLeft {
	background-color : #F0F0F0;
	text-align: left;
	padding: 2px 3px;
}
.leftLabel {
	background-color : #F0F0F0;
	text-align: left;
	padding: 2px 3px;
}
.titleLabel{
	background-color : #F0F0F0;
	text-align: left;
	padding: 2px 3px;
	font-weight: bold;
}

.results {
font: bold 14px Verdana;
padding-left: 15px;
padding-bottom: 0px;
padding-top: 0px;
margin: 0px 3px;
color : #737373;
background-image : url(img/right_lnk.png);
background-repeat : no-repeat;
}

/* links ------------------------------------------------------------------------------------------------------------- */

a.cent:link,  a.cent:visited {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	padding-left : 5px;
	text-decoration : underline;
	color : #015B;
	font-weight : bold;
}

a.cent:hover {
	color : #77bb33;
}
a.action {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	padding-left : 15px;
	text-decoration : underline;
	color : #0033CC;
	font-weight : bold;
	background-image : url(img/cnt_lnk.png);
	background-repeat : no-repeat;
}
a.action:hover {
	color : #77bb33;
}
a.action:active {
	color : #77bb33;
	background-image : url(img/cnt_lnk_on.png);
}

/* --- pages styles  ----------------------------------------------------------------------------- */

h1 {
	color: #000033;
	font-weight: bold;
	font-family: Verdana;
	font-size: 14px;
	padding: 0px;
	margin: 0px;
}

h2 {
	font-family: Verdana;
	font-size: 14px;
	padding-left: 15px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin: 0px 3px;
	color : #fff;
	background-image : url(img/top_lnk.png);
	background-repeat : no-repeat;
}

h3 {
	color: #333333;
	font-weight: bold;
	font-family: Verdana;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
}
.srch {
	color: #333333;
	font-weight: bold;
	font-family: Verdana;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	border-bottom: 1pt solid #999999;
}

/* home page specific styles ***********************************************************/

a.wbutt {
	color:#fff;
	background: url(img/wbutton.png) no-repeat;
	padding-top: 9px ;
	font-weightold;
	text-align: center;
	width: 182px;
	height: 34px;
	display: block;
	text-decoration: none;
	font-size: 14px;
}

a:hover.wbutt{
	color: #d1d1d1;
}



#embedButton {
	text-align: center;
	padding-left: 14px;
}

#embedButton a{
	display: block;
	width: 127px;
	height: 30px;
	background:url("img/embed_options.png") -8px -44px no-repeat;
}

#embedButton a:hover{
	background:url("img/embed_options.png") -8px -5px no-repeat;
}

#embedButton a span{
	display: none;
}



.homePageWFProgress{
	padding-left:70px;

}

.yellowEmbeded{
	background: #fff6bf;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	align: center;
	padding: 15px 15px 15px 15px;
	text-align: center;
	margin:15px;
	border: 1px solid #ffd324;
}

.yellowEmbeded .embedLabel{
	font-size: 13pt;
	margin-bottom: 15px;
}


a.editwflow:hover {color: #ccc;}

#leftSideCell{
	width: 250px;
}


.embedOptionsContent{
}

.embedOptionsContent h3{
	padding-left: 24px;
	padding-bottom: 5px;
	font-size: 14px;
	color:rgb(92,119,140);
}


.embedOptionsContent h3.embTitle{
	background:url("img/emb_title.png") 0 0 no-repeat;
}

.embedOptionsContent h3.lnkTitle{
	background:url("img/lnk_title.png") 0 0 no-repeat;
}

.embedOptionsContent p{
	color: #333;
	padding-bottom:10px;
}

.embedOptionsContent p.value{
	padding-left:40px;
}

.embedOptionsContent span{
	color: gray;
	padding-bottom:10px;
}


.embedOptionsContent div.embedOptionsSplitLine{
	 position: relative;
	 border-top: 1px dashed silver;
	 padding-bottom: 20px;
}

.embedOptionsContent div.embedOptionsSplitLine div{
	position:absolute;
	top:-8px;
	left: 20px;
	color: silver;
	font-weight: bold;
	font-size: 9pt;
	background-color:white;
	padding-left:5px;
	padding-right:5px;
	display: inline;
}

/* end of home page specific styles ************************************************************/


/* admin home page specific styles *************************************************************/


.accessOptionsContent{
}

.accessOptionsContent h3{
	padding-left: 34px;
	padding-bottom: 5px;
	font-size: 14px;
	color:#888;
}


.accessOptionsContent h3.embTitle{
	background:url("img/emb_title.png") 10px 0 no-repeat;
}

.accessOptionsContent h3.lnkTitle{
	background:url("img/lnk_title.png") 10px 0 no-repeat;
}

.accessOptionsContent p{
	color: #333;
	padding-bottom:10px;
}

.accessOptionsContent p.value{
	padding-left:40px;
}

.accessOptionsContent p.embedIntroText{
	color: gray;
	padding-bottom:10px;
}


.accessOptionsContent div.embedOptionsSplitLine{
	 position: relative;
	 border-top: 1px dashed silver;
	 padding-bottom: 20px;
}

.accessOptionsContent div.embedOptionsSplitLine div{
	position:absolute;
	top:-8px;
	left: 20px;
	color: silver;
	font-weight: bold;
	font-size: 9pt;
	background-color:white;
	padding-left:5px;
	padding-right:5px;
	display: inline;
}


/* case stats **********************************************************************************/
#casecount ul {
margin: 0;
padding: 0;

width: 99%;
}

#casecount li {
border-bottom: 1px #cacaca solid;
list-style-type: none;
padding:2px 0;
font-size: 11px;
}
html>body #casecount li strong {
padding: 0;}

#casecount li strong {
padding: 2px 0;
background-color: #eeeeee;
float: right;
text-align: center;
width: 20px;
margin-bottom: 0px;
}

/* comments */

.cframe {
	border: 1px solid #FFFFFF;
	padding: 3px;
}
.delcomm {
	display: block;
	text-align: right;
	padding: 2px;
	margin-top:0px;
	position:absolute; top:1px; right: 3px;
}
html>body .comment  {
	overflow: auto;
}
.comment {
	border-top: 1px solid #DDDDDD;
	padding: 3px 5px 3px 60px;
	background-image : url(img/acomm.png);
	background-repeat : no-repeat;
	background-position : 3px 3px;
	/*position:relative; */
	margin-top: 5px;
	/* overflow-x: auto;
	width: 600px; */
}

html>body .noWidgetCommentRoot {
	overflow: auto;
}
.noWidgetCommentRoot {
	border-bottom: 1px solid #DDDDDD;
	padding: 3px 5px 3px 60px;
	background-image : url(img/acomm.png);
	background-repeat : no-repeat;
	background-position : 3px 3px;
	margin-top: 5px;
}


html>body .noWidgetCommentRecursive  {
	overflow: auto;
}
.noWidgetCommentRecursive {
	border-top: 1px dashed #DDDDDD;
	padding: 3px 5px 3px 60px;
	background-image : url(img/acomm.png);
	background-repeat : no-repeat;
	background-position : 3px 3px;
	margin-top: 5px;
}






.usercomment {
	border-bottom : 1px dashed #777777;
	font-size: 0.8em;
	margin-right: 65px;
	display: block;
	position:relative;
}
.ctext {
	margin-top: 3px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 1px;
	padding-bottom: 5px;
}

.ctext h2 {
	background-image: url(none);
}

.ctext h2 a {
	font-size: 10pt;
	font-weight: normal;
	font-family: arial,sans-serif;
}


td.lefthead {
	background-color: #FFFFFF;
	font-size: larger;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}



.head1 {
		BACKGROUND-COLOR: #99ccff;
		VERTICAL-ALIGN: top;
		font-weight : bold;
		text-align: right;
		padding: 5px;
}
.head2 {
	BACKGROUND-COLOR: #d9d9d9;
	padding-left: 5px;
	VERTICAL-ALIGN: middle;
}
.head11 {
	BACKGROUND-COLOR: #586639;
	BORDER-RIGHT: #ffffff 1px solid;
	PADDING-RIGHT: 3pt;
	BORDER-TOP: #ffffff 1px solid;
	PADDING-LEFT: 3pt;
	PADDING-BOTTOM: 3pt;
	VERTICAL-ALIGN: middle;
	BORDER-LEFT: #ffffff 1px solid;
	PADDING-TOP: 3pt;
	BORDER-BOTTOM: #ffffff 1px solid;
	color : White;
	font-weight : bold;
}
.head12 {
	BACKGROUND-COLOR: #C4C4C4;
	BORDER-RIGHT: #ffffff 1px solid;
	PADDING-RIGHT: 3pt;
	BORDER-TOP: #ffffff 1px solid;
	PADDING-LEFT: 3pt;
	PADDING-BOTTOM: 3pt;
	VERTICAL-ALIGN: middle;
	BORDER-LEFT: #ffffff 1px solid;
	PADDING-TOP: 3pt;
	BORDER-BOTTOM: #ffffff 1px solid
}
.pagelinks {
	color: #999999;
	margin:1px;
}

.pagelinks img {
	vertical-align: middle;
	border: none;
}
.smallfont, a.smallfont  {font-size: 10px;}

#commentDiv{
	background-color: #FFFFFF;
	color: #000000;
}

#commentDiv .Commentator{
	font-size: 12px;
	color: #ee1122;
	font-weight: bold;
}

#commentDiv .Date{
	font-family: Verdana;
	font-size: smaller;
	font-weight: 100;
	color: #101010;
}
* html .dropaction { /*IE only rule.*/
	height: 250px;
}

.dropaction {
	border: 1px dashed #99CCCC;
	background:#F1F8F8 url(img/drag.gif) no-repeat 50% 50%;
	min-height: 250px;
}
.dumpaction {
	height:75px;
	width: 100%;
	margin-top: auto;
	border: dashed 1px #ECECEC;
	background:#FAFAFA url(img/dzubre.png) no-repeat 10px;
}

/*messages **********************************************************************************************/
.message {
	background: #f8fafc url(img/information.png) center no-repeat;
	background-position: 15px 50%;
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #b5d4fe;
	border-bottom: 2px solid #b5d4fe;
	font: bold normal 12px Arial;
	display: block;
	margin-top:5px;
	margin-bottom:5px;
}

.message ul {
	margin: 0px;
	list-style: none;
	padding: 0px;
}
.message_error {
	background: #fff6bf url(img/exclamation.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 50px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	font: bold 12px Arial;

 }

.message_error ul {
	margin: 0;
	list-style: none;
	padding: 0px;

}
.message_note_small{
	background: #fff url(img/noteIcon.png) left no-repeat;
	color: #5F5D5A;
	background-position: 10px;
	text-align: left;
	padding: 10px 10px 10px 50px;

}
.message_note {
	background: #fff url(img/noteIcon.png) left no-repeat;
	color: #5F5D5A;
	background-position: 10px;
	text-align: left;
	padding: 15px 10px 15px 50px;
	border: 1px dashed #A9A9A9;
}
.message_note ul {
	margin-top: -3px;
	margin-bottom: -3px;
}
.twitter_message_note {
	background: #fff url(img/twitter-big.jpg) left no-repeat;
	color: #5F5D5A;
	background-position: -10px -10px;
	text-align: left;
	padding: 10px 10px 10px 220px;
	border: 1px dashed #A9A9A9;
}



.dialog {
	/*background: #EEEEEE; */
	background: #fff url(img/delete.png) left no-repeat;
	color: #5F5D5A;
	background-position: 10px;
	text-align: left;
	padding: 5px 10px 5px 40px;
	margin-bottom: 10px;
	border: 1px dashed #A9A9A9;
}

.dialog_delete {
	/*background: #EEEEEE; */
	background: #fff url(img/delete.png) left no-repeat;
	background-position: 10px;
}

.dialog_info {
	/*background: #EEEEEE; */
	background: #fff url(img/info.png) left no-repeat;
	background-position: 10px;
}
.dialog_error {
	/*background: #EEEEEE; */
	background: #fff url(img/exclamation.png) left no-repeat;
	background-position: 10px;
}
.dialog_message {
	/*background: #EEEEEE; */
	background: #fff url(img/information.png) left no-repeat;
	background-position: 10px;
}
.messageSmall{
	font-size: small;
	color: #5F5D5A;
}
.header1{
	background-color:#fff;
	color:#000;
	text-align:left;
	font-weight: bold;
}
.LoadingDiv {
	width:50px;
	height:50px;
	background-image: url(img/sat.gif);
	background-position: right;
	background-repeat: no-repeat;
}
.icofont {
	width : 48px;
	font-size : 9px;
	text-align : center;
}

.icofont a img {
	text-decoration: none;
}
.icofont img {
	margin : 0 7px;
}
/*  tooltip  ***********************************************************************************************/

.tooltip {
width: 100%;
padding: 5px;
font-size: 11px;
}
.tooltip ul {
margin: 0;
padding: 0;
text-align: left;
}
.tooltip li {
list-style: none;
border-top: dashed 1px #adafaa;
width: 98%;
padding: 2px 0;
}
.tooltip li span {
color: #3c3c3c;
font-weight: bold;
}
li.latest {
color: #000;
}

li.latest li {
padding-left: 5px;
border-top: dashed 1px #f7f7f7;
}

/*poruka*/

.alert {
	background: #fff6bf url(img/exclamation.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 7px 20px 5px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	font: bold 12px Arial;
	margin:3px 3px 5x 3x;
	}
.alert ul {
	margin: 5px;
	padding-left:0px;
}

.alertSmall{
	text-align: left;
	border-top: 1px dashed #ccc;
	font-size: 11px;
	margin-top: 5px;

}
.info {
	background: #f8fafc url(img/information.png) center no-repeat;
	background-position: 15px 50%;
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #b5d4fe;
	border-bottom: 2px solid #b5d4fe;
	font: bold normal 12px Arial;
	margin:3px 3px 5x 3x;
}
.info ul {
	padding: 0;
	margin: 5px;
}
.info ul li {
	font-weight: bold;

}
.infoMargin2{
	margin: 10px 20%;
}
.droppedField {
	border: 1px solid #CCC;
	border-width: 0 1px 1px 0;
	background-color: #F5F5F5;
	margin: 2px;
	padding: 0px;
}

.tbl_an {
		width: 100%;
		background-color: #fff;
	}
.tbl_an td {
		background-color: #f2f2f2;
	}
.label {
	background-color:#ECECEC;
	color: #2a343d;
	}

.lineitem  {
	border: 1px solid #CCC;
	border-width: 0 1px 1px 0;
	background-color: #F5F5F5;
	margin: 2px;
	padding: 0px;
}
#ui_list ul {
	margin: 0;
	padding: 0;
}

#ui_list li{
	list-style: none;
	margin: 5px 0 0 0;
	padding: 3px;
	background-color: #F1F1F1;
}
#ui_list li a{
	font-weight: bold;
}

/* page subnav*/

.pagenav { width: 200px; }

.pagenav ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}

.pagenav a
{
display: block;
padding: 3px;
width: 160px;
background-color: #E4E4E4;
border-bottom: 3px solid #fff;
}

.pagenav a:link, .pagenav a:visited
{
color: #0033cc;
text-decoration: none;
}

.pagenav a:hover
{
color: #77bb33;
}

/* modal layer*/


#bgBlur {
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
	z-index: 98;
	background-color:#000;
	opacity: 0.45;
	filter: alpha(opacity=45);
}
#bgLoading{
	color:red;
	font-size:16px;
	z-index: 98;
	height:16px;
	text-align:left;
	font-size:12.0pt;
}
.modal
{
	background-color:FFF;
	padding:10px 10px 10px 10px;
	/*border: #999999 1px solid; */
	border: 1px solid #B9CDD8;
	z-index:99;
	position:absolute;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#555555,direction=118);
	cursor:move;
}


.modalContent{
	display:inline;
	border:3px solid #013A6D;
	background-color:white;
	padding : 0px;
	position: absolute;
	top : 0px;
	left : 0px;
}
.modalHeader {
	background-color:#013A6D;
    color: #FFF;
    /*padding: 8px 5px; */
    text-align: left;
    font-weight: bold;

}
.modalCloseLink{
	position:absolute; 
	top:-12px; 
	right:-12px;
}
.modalHelpLink{
	position:absolute; 
	right: 22px; 
	top: 1px;
	color: #fff;
}
.modalContentHelp{
	display:inline;
	border:1px solid #a6b1b7;
	background-color:white;
	padding : 0px;

}
.modalHeaderHelp {
	background-color: #051C79;
	cursor:move;
    color: #FFF;
    text-align: left;
    font-weight: bold;
}
.modalHeaderLink{
	text-align: right;
	width: 18px;
	float: right;
}
.modalContent .closes {
	float: right;
	padding: 0;
	position: relative;
	width: 10px;
}

.buttons  {
	background:#eee url(img/input.png) repeat-x ;
	border:1px solid #ccc;
    color: #2a343d;
	font-size:9px;
	font-weight:bold;
	padding: 2px 5px;
	text-align: center;
	cursor: pointer;
	#font-size:11px; /* for IE */
}
.saveCaseGroupButton{
	background: #61B221;
	display: inline-block;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px #999;
	-webkit-box-shadow: 0 1px 3px #999;
	text-shadow: 0 -1px 1px #222;
	border-bottom: 1px solid #222;
	font-size: 13px;
	cursor: pointer;
}
 a.saveCaseGroupButton:hover {
 	color: #EDFFDF
 }
.facebookButton {
	background: url(img/facebook/connect_light_medium_short.gif) no-repeat;
	cursor: pointer;
	width: 90px;
	height: 22px;
	border: 0px;
}

.buttons:active {
	background:#eee url(img/input_active.png) repeat-x ;
}

/* end modal layer*/

.infoLabels{
	background: #FFF8DC; padding: 1px; border: solid 1px #EEE8AA;
}


body .dojoTooltip {
	border: solid #adafaa 1px;
	background: #f7f7f7;
	color: black;
	position: absolute;
	font-size: small;
	padding: 2px 2px 2px 2px;
	z-index: 10;
	display: block;
}

body .caseTooltip {
	width: 300px;
	overflow:auto;
	overflow-x:auto;
	border: solid #adafaa 1px;
	background: #f7f7f7;
	color: black;
	position: absolute;
	font-size: 9pt;
	padding: 2px 2px 2px 2px;
	z-index: 80000;
	display: block;
	-moz-border-radius: 5px 5px 5px 5px;
}


.fieldValid{
	color : black;
	font-size:10px;
}
.fieldError{
	color : red;
	font-size:10px;
}

.fieldErrorExternal{
	color : red;
	font-size:10px;
}

.customField{
	overflow:auto;
	max-height: 120px;
	height: expression(this.scrollHeight > 200 ? "120px" : "auto");
}

.projectInfo{
width:250px;
}
.slaNORMAL{
	background:green;
	color: white;
	padding:2px;
}
.slaYELLOW{
	background:#f0f019;
	color:#000;
	padding:2px;
}
.slaORANGE{
	background:#ec9900;
	color:#000;
	padding:2px;
}
.slaRED{
	background:red;
	color:#fff;
	padding:2px;
}
.slaBLACK{
	background:black;
	color:#fff;
	font-weight: bold;
	padding:2px;
}
.fakeInput{
	width:220px;
	border : 1px solid #ccc;
	color:gray;
	height:20px;
	padding-left:5px;
	display:inline-block;
}
.fakeInputButtons{
	height:20px;
	display:inline-block;

}
/*admin  top nav */

.mattblackmenu  {

}

.mattblackmenu ul{position: absolute;
top: 70px;
left: 5px;
padding: 6px 0 0 10px;
width: 98%;
height: 27px;
z-index: 1;
background: url(img/nav_l.png) no-repeat left;
white-space: nowrap;
margin: 0;
list-style-type: none;
}

.mattblackmenu li{
display: inline;
margin: 0;
}

.mattblackmenu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
color:#5C5C5C;
padding: 3px 10px 0 10px;
background: url(img/nav_border.png) no-repeat right;
text-transform: uppercase;
font-family: Tahoma,Arial,Verdana,Sans-Serif;
font-weight:bold;
font-size: 11px;
}

.mattblackmenu li a:visited{
color:#5C5C5C;
}

.mattblackmenu li a:hover{
color: #77bb33; /*background of tabs for hover state */
}

.mattblackmenu a.selected{
color: #77bb33; /*background of tab with "selected" class assigned to its LI */
}

.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
font: bold 12px Verdana;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: white;
border: 1px solid white;
border-bottom-width: 0;
visibility: hidden;
z-index: 100;
}

.ddsubmenustyle li a{
display: block;
width: 160px;
color: #5C5C5C;
background-color: #efefef;
text-decoration: none;
padding: 4px 5px;
border-bottom: 1px solid white;
text-align: left;
}

.ddsubmenustyle li a.secondLevelMenu {background: url(img/mright.gif) no-repeat right;	background-color: #efefef;}

* html .ddsubmenustyle li a{ /*IE6 CSS hack*/
display: inline-block;
}

.ddsubmenustyle li a:hover{
color: #77bb33;
}

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding-left: 4px;
border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
right: 2px;
border: 0;
}

.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}

#admin_content {
	min-height:100%;
	height:auto !important;
	height:100%;

	text-align:left;
	padding:0px;
	padding-bottom:20px;
}
#mainContent {
   min-height:100%;
   height:auto !important;
   height:100%;
   padding-bottom:20px;

}



#footer {
   left:0;
   width:100%;
   bottom:0px;
   text-align:center;
   position:absolute;
   height:30px;
   padding-top:20px;
}
.advanceSearch {
	   z-index: 51;
	   position: absolute;
	   top: 15px;
	   left: 300px;
	   background-color:#FFF;
}
.adminSelectBoxNormal{
	width: 300px;
}

.chartSelectBox{
	width: 150px;
}
.unVisible{
	display:none;
}

.cfMultiBox{
	width:200px;
}
.cfImagePreview{
	height:80px;
	width:80px;
	margin-top:5px;
}
.cfTitle{
	background:#9EBDCC;
	color:#fff;
}
.cfComment .scrHeader{
	background:#fff;
}
#tenantAdminFormDiv input{
	width: 400px;
}
/*--- nova tabela ---*/



.ctable table, .ctable td
{
	border: 1px solid #d9d9d9;
	border-collapse: collapse;
}
.ctable table
{
	border:none;
	border:1px solid #d9d9d9;
}
.ctable thead th,
.ctable tbody th
{
  background: #D5E5C6;
  color: #374629;
  padding: 3px 5px;
  border-left: 1px solid #d9d9d9;
}
.ctable tbody th
{
  background: #fafafb;
  border-top: 1px solid #d9d9d9;
  text-align: left;
  font-weight: normal;
}
.ctable tbody tr td
{
  padding: 3px 5px;
  color: #222;
}

.noborder table, .noborder td
{
border: none;

}
.noborder table
{
border:none;

}
.clear table,.clear td
{
	border: 1px solid #fff;
	border-collapse: collapse;
 }
.clear table
{
	border:none;
	border:1px solid #fff;
	width: auto;
	margin-top: 0;
	margin-left: 0;
}


.localParamMainTable{
	width : 600;
}

.localParamContentTable{
	margin-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	width:100%;
}

.paramTableContentLeftCell{
 	verticalAlign:top;
  	width:200px;
  	text-align:left;
}

.paramTableContentRightCell{
	text-align: left;
}


.paramTableContentTextInput{
	width:300px;
}

.paramTableMailSubject{
	width:400px;
}


/* start  tab support*/
div.tablayout {
	margin:0;
	width:100%;
}
ul.tablayout {
	list-style-type: none;
	padding-bottom: 24px;
	border-bottom: 1px solid #ccc;
	margin: 0;
	padding-left: 0;
}
ul.tablayout li {
	float: left;
	height: 21px;
	background-color: #eee;
	margin: 2px 2px 0 2px;
	border: 1px solid #ccc;
}
ul.tablayout a {
	float: left;
	display: block;
	color: #333;
	text-decoration: none;
	padding: 4px 6px;
	font-weight: bold;
}
ul.tablayout a:hover {
	color: #77BB33;
}
ul.tablayout li.active {
	border-bottom: 1px solid #fff;
	background-color: #fff;
	top: 20px;
}
ul.tablayout li.disabled a{
	border-bottom: 1px solid #fff;
	color: #D4D0C8;

}
.tabs-container {
	border-color: #CCC;
	border-style:solid solid solid;
	border-width:0 1px 1px 1px;
	clear:left;
	padding:-20px 8px 0pt;
}

#tabs_root_div h2 {
	font-size:100%;
	margin:0pt 0pt 20px;
}
.tabContent{
	padding-top:5px;
	padding-left:5px;
	padding-bottom:5px;
}
/* end tab support */


.dojoDialog {
	background : #eee;
	border : 1px solid #999;
	padding : 4px;
}




.scrDropInfo{
	text-align:center;
	font-size : 20px;
	color: #FD8082;
	height:30px;
	width:99%;
	border: 1px red dashed;
	background: #F1D9D9;
	filter: alpha(opacity=30);
	opacity: 0.30;
}

.scrEmptyRoot{
	width:900px;
	height: 400px;
}
.scrRoot{
	color: yellow;
}
.scrProperties{
	float:right;
	text-align: right;
	margin-right: 3px;
	width:55px;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
}

.scrElemMarked{
	border: 2px solid #8DC6DD;
}
.scrHeaderMarked{
	background: #515E64;
	color: #fff;
	/*cursor: move; */
}
.scrHeaderMarked a{
	color: #fff;
}
.scrHeader{
	color: #333;
	background: #eee;
	margin-top: 3px;
	margin-left: 5px;
	margin-right: 10px;
	font-weight: bold;
	
}
.scrHeaderTitle{
	//font-style: italic;
	font-weight: normal;
	font-size: small;
}
.scrHeader .column{
	cursor:pointer;
}
.scrCommentTitle{
	background: #eee;
}
.
.scrDragHover{
	border: 1px dashed grey;
	background: #8DC6DD;
}
.scrDragginElem{
	background: #F3ED8D;
	border: 2px solid #CFC62F;
}
.scrDragginElem textarea{
	display:none;
}
.srcCollapsed{
	color: gray;
	font-size:small;
}
.scrDragHandler{
	cursor: move;
}
.scrDragInfo{
	color: black;
	font-weight: bold;

}
.scrUI{
	background: #b4c2dd;
	border: 1px solid #a7a7a7;
	border-width: 0 1px 1px 0;
	margin-top: 1px;
	height: 18px;
}
.scrSection{
	 border: 1px dashed #8DC6DD;
	 margin: 3px;
	 padding: 3px 5px 3px 5px;
}
.scrEdit{
	width: 350px;
}
.scrImage{
	background: #B4C2DD;
}

.lessImportantText{
	color:gray;
	font-size: smaller;
}

.designerTitle{
	color: #ccc;
	font-size: x-large;
}

.userPhotoLink{
	font-size: 11px;
}

.cfLabel {
	background-color : #F0F0F0;
	text-align: right;
	padding: 2px 3px;
}
.cfCustomContent{
	width: 99%;
	padding-bottom: 2px;
}
.cfCustomContent h2{
	color: black;
}
.cfValue{
	text-align:left;
}
.cfAddCaseToList{
	padding:2px; 
	border:  1px solid #E0E0E0; 
	margin-top:5px; 
	margin-bottom:5px;		
}
.sfLabel {
	width: 20%;
}
.userSfLabel{
	width: 35%;
}
#actionDiv textarea{
	width: 400px;
}
#actionDiv input[type=text]{
	width: 220px;
}
#actionDiv select{
	width: 220px;
}
.searchForm select{
	width: 250px;
}
.vcLeftSide table{
	border-bottom: 1px solid #e0e0e0;
	background-color: #fff;
	margin-left: 0.1em;
}
.vcLeftSide .cfLabel{
	text-align:left;
	width: 40%;
	background-color: #f7f7f7;
	font-weight: bold;
}

/* close case style*/
.closedCase .vcLeftSide table{
	border-bottom: 2px solid #CCCCC;
	background-color:#EDEDED;
}
.closedCase .vcLeftSide .cfLabel{
	background-color:#EDEDED;
}
.closedCase .vcLeftSide .cfValue{
	background-color:#EDEDED;
}
.closedCase .cfAddCaseToList{
	background-color:#EDEDED;
	margin :0px;
	width: 99%;
}
/* end close case style*/
.cfHolder{
	width: 99%;
}


.menuSuperItem a{
	color: silver;
}

/* Widget Style or Free Style :) */

.widgetMessage {
	text-align: center;
	background-color: #F7F7F7;
	font-weight:bold;
	border: 0.5pt solid #E0E0E0;
}

.widgetButton {
	cursor: pointer;
	font: bold 0.9em 'Trebuchet MS',Arial, helvetica, Verdana;
	padding: 0px 4px;;
	text-align: center;
	border: solid 1px #a9a9a9;
	background: #f57000;
	color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 1px 1px 1px #545454;
	-moz-box-shadow: 1px 1px 1px #545454;
	box-shadow: 1px 1px 1px #545454;
}

.widgetComment {
	font-size: 0.8em;
	margin-right: 65px;
	display: block;
}

.widgetListSearch {
	border-top: 1px solid Silver;
	border-bottom: 1px solid Silver;
	width: 100%;
	padding-top: 20px;
	padding-bottom:20px;
}


div.autocomplete {
  position:absolute;
  width:400px !important;
  background-color:white;
  border:1px solid #888;
  margin:0;
  padding:0;
  z-index:10000;
}

div.autocomplete ul {
  list-style-type:none;
  margin:0;
  padding:0;
}

div.autocomplete ul li.selected { background-color: #C2DFEF;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:32px;
  cursor:pointer;
}

.lessImportantTextAC{
	color:gray;
	font-size: smaller;
}

.title{
	background:#D6D6D6;
	margin-top:5px;
	margin-bottom:5px;
}


.singleAutocomplete{
    width:250px;
}

.singleAutocompleteInput{
	width:220px;
}

.singleAutocompleteImage{
	width:20px;
}

.multiAutocomplete{
    width:245px;
}

.multiAutocompleteInput{
	width:220px;
}

.multiAutocompleteImage{
	width:25px;
}

.multiAutocompleteUL{
	margin-top: 3px;
	padding-left: 0px;
	list-style: none;
	margin-left:0px;
}

.multiAutocompleteUL li{
	display:block;
	float:left;
	background-color:#f1f1f1;
	margin:3px 3px;
	white-space: nowrap;
	padding : 1px 2px;
	
	
}


.multiAutocompleteUL li a.user_item_remove_link {
	color:#FF0000;
	text-decoration: none;
	font-weight: bold;
	
}

.multiAutocompleteUL li a.user_item_remove_link:hover{
	color:#C80000; 
}


.notif_container{
	width: 33%;
	clear: both;
}

.notif_container_label{
	float: left;
	width: 35px;
	font-weight: bold;
}

.notif_container .multiAutocomplete{
	float: left;
}

.notif_contactReceivers{
	margin-top: 15px;
	}



.notification_to_cc_bcc_table{
	width: 99%;
}
.caseToolsTable{
	background-color: #fff;
	color: #333;
	z-index: 99000;
}

.caseToolsTable li{
	padding-left: 25px;

}
.caseToolsTable a{
	font-size:11px;
}
.cssParamsTitle{
	display: block;
	margin-bottom: 5px;
	font-style: italic;
}

#CustomCssLocalParamSettings input {
	width:240px;
}
.chartContent .label{
	width: 250px;
}

/* calendar support */
.cvWeekend{
	background: #65A8E3;
}
.cvWeekendMarked{
	background: #FF352B;
}
.cvNormal{
  	background: #E1E8ED;
}
.cvNormalMarked{
	background: #FF948F;
}
.cvHeader{
}
.cvHeaderEven {
	background: #ABFE97;
}
.cvHeaderOdd {
	background: #7EE365;
}

.widgetCaseListEl {
	border-bottom: 1px solid Silver;
	margin-bottom: 5px;
	padding: 10px;
}
.accountProfileLabel{
	width:150px;
}
.contactProfileLabel{
	width:150px;
}
.contactTab{
	width: 900px;
}
.accountTab{
	width: 920px;
}
.wflow_wf_root{
	background: #fff url(img/case/wf_preview/wflowbg.png) repeat-x top ;
	overflow: auto;
}
.view_wf_label{
	text-align: center;
	font-size: 65%;
	padding-top: 15px;
	font-weight: normal;
}
.view_wf_status{
	width: 60px;
	float: left;
	padding-top: 12px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	font-size: 1.2em;
	margin-right: 5px;
	background-color: transparent;
}
.view_wf_s1{
	background: transparent url(img/case/wf_preview/status1.png) no-repeat top center;
}
.view_wf_l1{
	color: #bcbcbc;
}
.view_wf_s2{
	background: transparent url(img/case/wf_preview/status2.png) no-repeat top center;
}
.view_wf_l2{
	color: #62b322;;
}
.view_wf_s3{
	background: transparent url(img/case/wf_preview/status3.png) no-repeat top center;
}
.view_wf_l3{
	color: #cfcece;
}
.propsToggle{
	position: absolute;
	top:10 px;
	right: 20px;
	color:#fff;
	background: #000;
	text-align:center;
	width: 50px;
}
.propsToggle a{
	color:#fff;
	font-weight: bold;
}


.notificationContainer {
	border-bottom:solid 1px #EEEEEE;
	padding-bottom: 5px;

}

.nicEdit-main {
	background-color: white;
}

.nicEdit-main h2 {
	font-family: Verdana;
	font-size: 14px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin: 0px 0px;
	color : black;
	background-image : none;
	background-repeat : no-repeat;
	font-weight: normal;
}

.nicEdit-main h2 a {
	color: black;
}
.nicEdit-main h2 a:hover {
	color : black;
}

.nicEdit-main h1 {
	color: black;
	font-weight: normal;
	font-family: Verdana;
	font-size: 14px;
	padding: 0px;
	margin: 0px;
}

.nicEdit-main h3 {
	color: black;
	padding: 0px;
	margin: 0px;
}

.manageTeamAutoComplete .singleAutocomplete {
	width: 230px;
}


#view_case_team_add_to_team_button{
	margin-top:3px;
}


#commentFieldInfo{
	font-size:10px;
}

#workflowPreview{
	margin: 0pt 0pt 2px;
}


#actionFormTable #workflowPreview{
	margin: 2px 5px 2px 5px;
	border: 1px solid silver;
	padding: 10px;
}

/* SETUP LINK COLOR */


#menuItem_setup a{
	color:rgb(72,167,247);
}

#menuItem_newCase a{
	color: #77bb33;
}


#menuItem_newCase_singleW a{
	padding-left: 3px;
	color: #77bb33;
}

#menuItem_newCase_singleW a:hover{
	color: #5C5C5C;
}


.menuItemDecoration{
	float: left;
	width: 18px;
}

#menuItem_newCase_singleW .menuItemDecoration{
	background: url('img/menu_newcase.png') no-repeat;
}

#menuItem_setup .menuItemDecoration{
	background: url('img/menu_setup.png') no-repeat;
}


.mattblackmenu li#menuItem_helpLink a{
	padding-top: 0px;
}

.templateTextArea {
	width: 100%;
	background-color: #F0F0F0;
	color: darkblue;
}

/* Style for autocomplete selection to be shown with Vertiacal Scroll */
.multiAutocompleteULwithScroll {
	list-style: none;
	border: 1px solid #DDDDDD;
	height: 100px;
	width: 220px;
	overflow: auto;
	padding-top: 3px;
	padding-left: 0px;
	margin: 10px 0 0 0;
}

.multiAutocompleteULwithScroll li {
	margin-bottom: 10px;
	border-bottom: 1px solid #dadada;
	padding-bottom: 3px;
	width: 190px;
}

.panelHeader {
	background-image: url(dojoImg/bar_down_on.png);
	height: 22px;
	font-weight: bold;
}
.newEntityLink{
	margin: 10px 0 10px 0;
	background-color: #F5F5F5;
	border: solid 1px #CCC;
	padding: 4px 3px;
}
.newEntityLinkAdmin{
	margin: 0 0 10px 0;
	background-color: #F5F5F5;
	border: solid 1px #CCC;
	padding: 4px 3px;
	text-align: left;
}
.newEntityLinkAdmin a{
	font-weight: bold;;
}
.embedOptionsContent h2{
	padding-left: 15px;
}

.customCodeLink{
	color: rgb(0,140,243);
	font-weight: bold;
}
.pageSizeSelector{
	float:left;
	font-size: 11px;
	color:gray;
	width:90px;
	padding-left:10px;
}
.pageSizeSelector select{
	width : 40px;
}
#actionDiv .pageSizeSelector select{
	width : 40px;
}
.pageSizeBox{
	font-size: 11px;
}
.wpmCalendar{
	width:100px;
}

.relCommentClass{
	background-color: #f2f2f2;
}
.ef_Actions{
	text-align:center;
}
.ef_Button{
	margin:5px;
}
.ef_Properties{
	top: 1px;
	right: 15px;
	color:gray;
	text-align:right;
	font-weight: bold;
	width: 20px;
	position: absolute;

}
.headerLink {
	color:white;
}
a.headerLink:hover{
	color:silver;
}


.sendMessageSubject{
	width: 430px;
}

/* ***************************************************  ZVAKALICA    **************** */

.stp_opened, .stp_opened_hover, .stp_closed, .stp_closed_hover{
	padding: 0px;
	margin-bottom: 4px;
	margin: 5px; 
	background: #fff url('img/nc_bgrnd.png') repeat-x top; 
	border: solid 1px #bfbfbf; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;	
}


.stp_opened, .stp_closed{

}


.stp_opened_hover{
}

.stp_closed_hover{
}

.stp_opened_hover .stp_content{

}

.stp_content{
	margin-bottom: 5px;
}

.stp_label_opened, .stp_label_opened_hover, .stp_label_closed, .stp_label_closed_hover{
	height: 22px;
	cursor: pointer;
	margin-top: 0px;
	padding: 0px 0px 0 5px;
}

.stp_label_opened {
	font-weight: bold;

}

.stp_label_opened_hover {
	color : #77bb33;
	font-weight: bold;
}

.stp_label_closed {

}

.stp_label_closed .dontDisplayWhenClosed{
	display: none;
}



.stp_label_closed_hover {
	color : #77bb33;

}

.stp_label_closed .edit_link_class a{
	color: #666;
}

.edit_link_class a{
	font-size: 9pt;
}

.edit_link_class{
	padding-top:2px;
}

.edit_link_class a{
	color: #666;
	text-decoration: underline;

}

.edit_link_class a:hover{
	color: #77bb33;
	text-decoration: none;	
}

.edit_link_class td{
	padding-right : 1em;
	padding-bottom: 0px;
	padding-top: 0px;
	white-space: nowrap;
}

.edit_link_class td a{
	white-space: nowrap;
}
	

.stp_content {
	/* background: #FFFFFF;  */
	/* w/out this, an <h1> on the top line causes a gap between the .content and .label */
}

.stp_label_disabled{
	color : #999;	
	height: 20px;
	background-repeat:no-repeat; 	
	margin-top: 3px;
	padding: 0 3px;	
	cursor : default;
}


.stp_label_loading{
	background-image : url("img/pane_loader.gif"); 
	background-repeat:no-repeat; 	
	width:20px;
}

.stp_internal_loading{
	margin : 3px;
	background-image : url("img/pane_loader.gif"); 
	background-repeat:no-repeat; 	
	width:30px;
}

.stp_label_loading_inactive{
	width:20px;
}

.STP_status_symbol{
	font-size: 9pt;
}



.commentAuthorSimple a.commentatorContact {
	font-weight: bold;
	font-size: 10pt;
}


.commentAuthorSimple a.userPhotoLink {
	font-weight: bold;
	font-size: 10pt;
}


a.replyOnComment {
	background: #6699cc; 
	color: #FFF; 
	padding: 2px 5px; 
	width: 60px; 
	display: block; 
	text-align: center; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px; 
}
 
a.replyOnComment:hover { 
	color: #c7e3ff;
} 

.commentControls{
	margin-top: 10px;
	margin-bottom: 20px;
}

.commentControlsLink {
	margin-left: 10px;
}


.commentControls a.userPhotoLink{
	margin-left: 0px;	
}





/* ******************************************************************* */


		/*
			Vertical Accordions
		*/
		
		.accordion_toggle {
			display: block;
			height: 30px;
			width: 680px;
			background: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.accordion_toggle_active {
			background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
			color: #ffffff;
			border-bottom: 1px solid #f68263;
		}
		
		.accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}
			
			.accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}
			
			.accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
			
		.vertical_accordion_toggle {
			display: block;
			height: 30px;
			width: 600px;
			background: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}

		.vertical_accordion_toggle_active {
			background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
			color: #ffffff;
			border-bottom: 1px solid #f68263;
		}

		.vertical_accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}

			.vertical_accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}

			.vertical_accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
  			
		/*
			Horizontal Accordion
		*/
		
		.horizontal_accordion_toggle {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			display: block;
			height: 20px;
			width: 100px;
			text-decoration: none;
			outline: none;
			border-right: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.horizontal_accordion_toggle_active {
			height: 20px;
			width: 100px;
		}
		
		.horizontal_accordion_content {
			height: 20px;	
			width: 300px;
			float: left;	
			overflow: hidden;
		}
			
    #qSearchContainer {
      height: 20px;    
    }
    



.section_title{
	font-weight: bold;
}


.projectFieldsWidth{
	width:230px;
}

.searchPage INPUT[type=text]{
	width: 280px;
	margin-right: 5px;
}
.searchPage INPUT[type=checkbox]{
	width: 10px;
}
.searchPage textarea{
	width: 280px;
	margin-right: 5px;
}
.searchPage select{
	width: 280px;
	margin-right: 5px;
}
.searchFakeArea{
	width: 280px; 
	height: 50px; 
	overflow-y: auto; 
	border: 1px solid #ccc; 
	color: gray;
	margin-right: 5px;
}
.feedPage INPUT[type=text]{
	width: 280px;
}
.feedPage textarea{
	width: 280px;
}
.feedPage select{
	width: 300px;
}
#searchTextInput {
	width: 200px;
	margin-right: 10px;
}



#outOfOfficeDiv{
	text-align:left;
	padding: 10px 10px 15px 30px;	
}
#outOfOfficeDiv h5 {
	padding:5px 0px 10px 0px;
}

#outOfOfficeDiv p {
	padding:0 10px 10px 30px;
}

#outOfOfficeDiv table{
	padding:0px 10px 10px 27px;
}

#outOfOfficeSubmit{
	text-align:center; 	
	padding:0px 10px 15px 10px;

}

#outOfOfficeMessageOnProfile{
	text-align: left;
	margin:1px 4px 1px 4px;
	border: 1px solid #e91c21;
	padding-left: 60px;
	background: white url(img/calendar.png) no-repeat 10px ; 
}

#outOfOfficeMessageOnProfile td{

	color: #e82126
}

#outOfOfficeMessageOnProfile td a.userPhotoLink {
	font-size: 12px;
}

.tooltip li span.outOfOfficeInTooltip{
	color: #e82126;
}

li span.outOfOfficeInAutocomplete{
	color: #e82126;
	font-size:8pt;
	font-weight:bold;
}

.disabledFormText{
	font-color: LightGray;
} 

.disabledFormText p{
	color: Gray;
} 


.disabledFormText td{
	color: Gray;
}

#fd-but-from {
	cursor: default;
}

#fd-but-to {
	cursor: default;	
}


.assignmentOptionDiv{
	padding: 10px 0 5px 50px;
}

.assignmentSubOptionDiv{
	padding: 1em 0 1em 1em;
}
.pvPreview{
	display:none; 
	text-align:right; 
	height:100px; 
	margin-bottom:-100px;
}
.multiSelectBoxComponent{
	overflow: auto; 
	height: 150px; 
	border: solid 1px #7F9DB9	
}
.cfUl{
	list-style-type: none;
	margin-left: 0px;
}
.cfUl li{
}
.imageButtonSelected{
	border: 1px double #77bb33;
}
.nextCaseBrowser{
	border: 1px solid #ccc;
}
.nextCaseBrowser table{
	width:99%;
}
.nextCaseBrowser td{
	width:25%; 
	vertical-align: top; 
	text-decoration: none;
	text-align: center;
}
.nextCaseBrowser .cfLabel{
	width: 98%;
}
.nextCaseBrowser table{
	border: none;
}
.nextCaseBrowser a{
	text-decoration: none;
}
.tableCellBorder table{
	margin:3px;
	border : 1px solid #ccc;
	border-width: 1px 0px 0px 1px;
}
.tableCellBorder td{
	border : 1px solid #ccc;
	border-width: 0px 1px 1px 0px;
}
.caseToolsFrame {
	width:60px; 
	float:right; 
	border:2px solid #ccc;	
	 -moz-border-radius: 5px;
	border-radius: 5px;
	padding: 5px;
	margin-right:10px;
	text-align:center;
}
.caseAction{
	float: left; 
	width: 50px; 
	padding: 0px 3px 0px 3px; 
	vertical-align:top; 
	height: 100px;	
}

.wProgressBar{	

	width: 400;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;


}

.wProgressBar_completed_element{
	
	width : 12px;
	margin : 1px;
	border : 1px solid rgb(98, 179, 34);
	height : 22px;
	background-color : rgb(98, 179, 34);
	float :	left;

}

.wProgressBar_element{

	width : 12px;
	margin : 1px;
	border : 1px solid silver;
	height : 22px;
	float : left;

}


.wProgressBar_percent{
	padding: 3px 0 0 10px;	
	float: left;
	font-style: italic;
	width: 30px;
}

.wProgressBar_clear{
	clear:both;
}




.joinActionTitle{
	font-weight: bold;
	text-decoration:underline;
}
.joinActionSection{
	padding-left: 5px;
}
.joinActionSection ul li{
	list-style-type: none;
}
.joinActionSection ul {
	list-style-type: none; 
}.datePickerContainer {
	width:164px; /* needed for proper user styling */
}

.calendarContainer {
/*	border:1px solid #566f8f;*/
}

.calendarBodyContainer {
	width:100%; /* needed for the explode effect (explain?) */
	background: #7591bc url("dojoImg/dpBg.gif") top left repeat-x;
}

.calendarBodyContainer thead tr td {
	color:#293a4b;
	font:bold 0.75em Helvetica, Arial, Verdana, sans-serif;
	text-align:center;
	padding:0.25em;
	background: url("dojoImg/dpHorizLine.gif") bottom left repeat-x;
}

.calendarBodyContainer tbody tr td {
	color:#fff;
	font:bold 0.7em Helvetica, Arial, Verdana, sans-serif;
	text-align:center;
	padding:0.4em;
	background: url("dojoImg/dpVertLine.gif") top right repeat-y;
	cursor:pointer;
	cursor:hand;
}


.monthWrapper {
	padding-bottom:2px;
	background: url("dojoImg/dpHorizLine.gif") bottom left repeat-x;
}

.monthContainer {
	width:100%;
}

.monthLabelContainer {
	text-align:center;
	font:bold 0.75em Helvetica, Arial, Verdana, sans-serif;
	background: url("dojoImg/dpMonthBg.png") repeat-x top left !important;
	color:#293a4b;
	padding:0.25em;
}

.monthCurve {
	width:12px;
}

.monthCurveTL {
	background: url("dojoImg/dpCurveTL.png") no-repeat top left !important;
}

.monthCurveTR {
		background: url("dojoImg/dpCurveTR.png") no-repeat top right !important;
}


.yearWrapper {
	background: url("dojoImg/dpHorizLineFoot.gif") top left repeat-x;
	padding-top:2px;
}

.yearContainer {
	width:100%;
}

.yearContainer td {
	background:url("dojoImg/dpYearBg.png") top left repeat-x;
}

.yearContainer .yearLabel {
	margin:0;
	padding:0.45em 0 0.45em 0;
	color:#fff;
	font:bold 0.75em Helvetica, Arial, Verdana, sans-serif;
	text-align:center;
}

.curveBL {
	background: url("dojoImg/dpCurveBL.png") bottom left no-repeat !important;
	width:9px !important;
	padding:0;
	margin:0;
}

.curveBR {
	background: url("dojoImg/dpCurveBR.png") bottom right no-repeat !important;
	width:9px !important;
	padding:0;
	margin:0;
}


.previousMonth {
	background-color:#6782a8 !important;
}

.previousMonthDisabled {
	background-color:#a4a5a6 !important;
	cursor:default !important
}
.currentMonth {
}

.currentMonthDisabled {
	background-color:#bbbbbc !important;
	cursor:default !important
}
.nextMonth {
	background-color:#6782a8 !important;
}
.nextMonthDisabled {
	background-color:#a4a5a6 !important;
	cursor:default !important;
}

.currentDate {
	text-decoration:underline;
	font-style:italic;
}

.selectedDate {
	background-color:#fff !important;
	color:#6782a8 !important;
}

.yearLabel .selectedYear {
	padding:0.2em;
	background-color:#9ec3fb !important;
}

.nextYear, .previousYear {
	cursor:pointer;cursor:hand;
	padding:0;
}

.nextYear {
	margin:0 0 0 0.55em;
}

.previousYear {
	margin:0 0.55em 0 0;
}

.incrementControl {
	cursor:pointer;cursor:hand;
	width:1em;
}

.increase {
	float:right;
}

.decrease {
	float:left;
}

.lastColumn {
	background-image:none !important;
}






.DDST_sourceArea .hiddenInSourceArea{
	display : none;
}


.DDST_puzzleArea_horizontal .DDST_DDElement{
	float:left;
}