/* * * * * * * * * * * * * * * * * *  ONLINE SUPPORT SYSTEM   * * * * * * * * * * * * * * * * * * * * */
body{
	font: 12px sans-serif;
	margin:0px;
	padding:0px;
	overflow:auto;
	color:#333;
	background-color:#FFF;
	text-align:center;
}
/* * * * * * * * * * * * * * * * * *  COMMON ELEMENTS   * * * * * * * * * * * * * * * * * * * * */
h1{
	font-size:2.0em;
	line-height: 2em;
}
h2{
	padding-left:8px;
	font-size:1.6em;
	line-height: 1.8em;
	/*background:transparent url('images/title_dash.gif') 0px -13px repeat-x;*/
}
h2 span{
	background:#FFF;
	padding:0px 5px;
}
h3,.h3{
	font-size:1.4em;
	line-height: 1.5em;
}
a:link, a:visited{
	color:#0000EE;
	text-decoration: none;
}
a:hover{
	color:#CC0000;
	text-decoration:underline;
}
a:active{
	color:#CC0000;
}

a.newwindow{
	padding-right:4px;
}

a.newwindow:hover{     
	background-image: url("ico/newwindow_4.gif");
	background-position: 100% 5%;
	background-repeat: no-repeat;
	padding-right:4px;
}

a.newwindow:after{
	content: "";
	text-decoration: none;
}

a.textbutton {
	color:#000;
	padding:5px 8px;
	border:1px #000 solid;
	margin:6px;
	background-color:#EFEFEF;
}

a.textbutton:hover {
	background-color:#FFF;
	text-decoration:none;
}

a.textbutton.green {
	background-color:#01AF00;
}

a.textbutton.red {
	background-color:#CF2626;
}

a img{
	border-width:0px;
}
ul{
	padding-left:30px;
	list-style-type:disc;
}
/* * * * * * * * * * * * * * * * * *  PARAGRAPH AND ELEMENTS SETTINGS   * * * * * * * * * * * * * * * * * * * * */
ul, ol, dl, p {margin-top:0.5em;margin-bottom:0.5em; }
li, dt, dd {margin-top:0.5em;margin-bottom:0.5em; }
p {
	margin:0px;
	line-height:1.5em;
	margin:0.5em 0em 0.5em 0em;
}
sub{
	font-size:0.8em;
}
/* * * * * * * * * * * * * * * * * *  GENERIC CLASS   * * * * * * * * * * * * * * * * * * * * */
.center{
      text-align:center;
}
.left{
      text-align:left;
}
.right{
      text-align:right;
}

.justify{
      text-align:justify;
}
.green{
	color:#00CC00;
}
.red,
.error{
	color:#CC0000;
}
.inactive {color:#AFAFAF;}

/* * * * * * * * * * * * * * * * * *  SITE CONTAINER   * * * * * * * * * * * * * * * * * * * * */
#siteContainer{
	width:950px;
	margin:0px auto;
	text-align:left;
}
/* * * * * * * * * * * * * * * * * *  SITE HEAD   * * * * * * * * * * * * * * * * * * * * */
#siteHead{
	margin-top:30px;
	margin-bottom:30px;
	border-bottom:1px #CFCFCF solid;
}
#siteHead h1{
	float:left;
}
#siteHead .menu{
	float:right;
	margin-top:2.3em;
}
#siteHead .menu a{
	padding:0px 8px;
}
/* * * * * * * * * * * * * * * * * *  MAIN MENU   * * * * * * * * * * * * * * * * * * * * */

/* * * * * * * * * * * * * * * * * *  SITE BODY   * * * * * * * * * * * * * * * * * * * * */
#siteBodyMain{
	float:right;
	width:660px;
	margin-right:20px;
	padding-bottom:25px;
}
#siteBodyMain .contentbox{
	margin-bottom:10px;
}
#siteBodyMain .contentbox h2{
	
}
#siteBodyMain .contentbox .content{
	padding:2px 8px;
	text-align:justify;
}
#siteBodyMain .contentbox .content p{
	padding-left:10px;
}

#siteBodySidebar{
	float:left;
	width:225px;
	padding-top:1em;
	margin-left:20px;
	padding-bottom:10px;

}
#siteBodySidebar fieldset,
#siteBodySidebar .supportOperatorsWrap fieldset{
	border:1px #CFCFCF solid;
	padding:10px 20px;
	margin-bottom:20px;
}
#siteBodySidebar legend,
#siteBodySidebar .supportOperatorsWrap legend{
	padding:5px 20px;
	margin-left:-10px;
	background:#EFEFEF;
	border:1px #CFCFCF solid;
	font-weight:bold;
}
#siteBodySidebar .contentbox{
	margin-bottom:10px;
}
#siteBodySidebar .contentbox .content{
	padding:2px 8px;
	text-align:justify;
}
/* * * * * * * * * * * * * * * * * *  TICKET   * * * * * * * * * * * * * * * * * * * * */
#siteBodySidebar .ticketDetails{
}
#siteBodySidebar .ticketDetails p label{
	display:block;
	font-weight:bold;
}
#siteBodySidebar .ticketDetails p span{
	display:block;
	margin-left:20px;
}
/* * * * * * * * * * * * * * * * * *  ONLINE SUPPORT   * * * * * * * * * * * * * * * * * * * * */
#onlineSupportChatWin{
	padding:10px 15px;
}
#onlineSupportChatWin .msgBox{
	background:#FAFAFA url('images/550_42_fff.gif') 160px 0px no-repeat;
	margin-bottom:15px;
	border:1px #EFEFEF solid;
}
#onlineSupportChatWin .msgBox .msgHead{
	width:150px;
	float:left;
	background:#FAFAFA;
	padding:5px;
	text-align:right;
}
#onlineSupportChatWin .msgBox .user{
}
#onlineSupportChatWin .msgBox .timestamp{
}
#onlineSupportChatWin .msgBox .msgBody{
	float:left;
	width:449px;
	padding:5px 8px;
	background:#FFF;
}
#onlineSupportChatWin .msgBox .msgFoot{
	clear:both;
	padding-left: 20px;
	border-top:1px #EFEFEF solid;
	background:#FAFAFA;
}
#onlineSupportChatWin .msgBox .msgFoot p{
}


#onlineSupportChatWin .msgSystem,
#onlineSupportChatWin .msgSystem .msgHead,
#onlineSupportChatWin .msgSystem .msgFoot{
	border-color:#C4DFC3;
	background-color:#EFFFF0;
}

#onlineSupportChatWin .msgUser,
#onlineSupportChatWin .msgUser .msgHead,
#onlineSupportChatWin .msgUser .msgBody,
#onlineSupportChatWin .msgUser .msgFoot{
	background:#FAFAFA;
}
#onlineSupportChatWin .msgConver,
#onlineSupportChatWin .msgConver .msgHead,
#onlineSupportChatWin .msgConver .msgFoot{
	border-color:#C6C3DF;
	background-color:#F1EFFF;
}


/* * * * * * * * * * * * * * * * * *  SITE FOOT   * * * * * * * * * * * * * * * * * * * * */
#siteFoot{
	padding:5px 0px;
	text-align:center;
	border-top:1px #CFCFCF solid;
	font-size:10px;
}
/* * * * * * * * * * * * * * * * * *  GENERIC FORM  * * * * * * * * * * * * * * * * * * * * */
form fieldset{
	border:1px #CFCFCF solid;
	padding:10px 0px;
}
form legend{
	padding:5px 20px;
	margin-left:10px;
	background:#EFEFEF;
	border:1px #CFCFCF solid;
	font-weight:bold;
}
form p.row{
	border-bottom:1px #CFCFCF dashed;
	padding:4px 0px 9px 0px;
}
form .row.first-child{
	border-top:1px #CFCFCF dashed;
}
form fieldset p{
	padding-left:8px;
	padding-right:8px;
}
form label{
	width:130px;
	margin-left:10px;
	display:block;
	position:absolute;
	font-weight:bold;
	line-height:2em;
	vertical-align:middle;
}
form p.row label{
	line-height:22px;
}
form input,
form select,
form textarea{
	width:350px;
	margin-left:150px;
	border:1px #CFCFCF solid;
	padding:3px;
}
form textarea{
	height:150px;
}
form textarea.size_s{
	height:80px;
}
form .element{
	margin-left:150px;
	line-height:24px;
}
form p a.systemToolTipLink{
	vertical-align:top;
}
form p.textareaHolder label{
	vertical-align:top;
}
form p .fileInput{
	width:auto;
}
form p.submitHolder{
	text-align:center;
}
form p.submitHolder input{
	margin:auto;
	padding:3px 8px;
	width:auto;
}
/* * * * * * * * * * * * * * * * * *  GENERIC TABLES  * * * * * * * * * * * * * * * * * * * * */
.table, .table tr, .table tr td{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	line-height:normal;
	color:#000;
}
.table{
	width:100%;
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	border-style: solid dashed solid dashed;
	border-color: black gray black gray;
	border-collapse: collapse;
}
.table th,.table .th{
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: #CFCFCF #CFCFCF #CFCFCF #CFCFCF;
	border-collapse: collapse;
	padding:8px 5px 8px 5px;
	vertical-align:middle;
	text-align:center;
}
.table td{
	border-width: 0px 1px 1px 1px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: gray #CFCFCF #CFCFCF #CFCFCF;
	border-collapse: collapse;
	padding:5px 5px 5px 5px;
	vertical-align:middle;
	background-color:transparent;
}
.thead th,.th, .table td.th, .table td.th{	
	background-color:#EFEFEF;
	text-align:center;
}
.thover, .thover td{background-color:transparent;}

.trowbg_0, .trowbg_0 td{background:#FFFFFF;}
.trowbg_1, .trowbg_1 td{background:#FAFAFA;}
tr.highlight, tr.highlight td{background-color:#DFDFDF;}

.thover_on, .thover_on td{background-color:#FFFCEF;cursor:default;}

.table .opcije_2b{
	width:250px;
}
.table .opcije_1b{
	width:100px;
}
.table th a,
.table .th a{
	color:#29385F;
	border:none;
	font-weight:bold;
}

/* * * * * * * * * * * * * * * * * *  SYSTEM MESSAGES  * * * * * * * * * * * * * * * * * * * * */
.systemError h1,
.systemError h2{
	color:#A60101;
}
a.systemToolTipLink{
	border:none;
	line-height:1.5em;
	cursor:help;
	pointer:help;
	text-align:left;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
a.systemToolTipLink span{
	display:none;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
a.systemToolTipLink:hover span{
	display:inline;
	position:absolute;
	padding:4px;
	padding-left:30px;
	margin-left:-15px;
	background-color:#DFDFDF;
	border:1px #0F184F solid;
	color:#0F184F;
}
.systemNotice{
	font-size:14px;
	line-height:2em;
	font-weight:bold;
}
.systemNotice span{
	border-bottom:1px #CFCFCF solid;
}
.systemInfo{
	border:3px #ABADB3 solid;
	border:3px #6177DF solid;
	padding-left:70px;
	background:#F5F5F5;
}


.dialog_box{
	border:3px #DFD3C3 solid;
	background:#F5F1E2;
	margin:20px auto;
	padding:5px;
	width:500px;
	color:#000;
}
.dialog_box .dialog_line{
	line-height:22px;
	border:none;
	font-weight:bold;
	font-size:14px;
	vertical-align:middle;
}
.dialog_box.error{
	
}
.dialog_box .error{
	color:#CC0000;
	padding-left:25px;
	background: #F5F1E2;
}
.dialog_box.warning{
	padding-left:25px;
	background: #FFFFDF;
	color:#BF853B;
}
.dialog_box .controls{
	line-height:20px;
	border:none;
}
.dialog_line.ok{
	color:#01AF00;
	padding-left:25px;
}
.dialog_line.message{
	color:#000;
}
.dialog_line .th{
	font-weight:bold;
}
.dialog_line.bgred{
	background:#CC0000;
	color:#FFF;
}
/****************** CLEARFIX *********************/

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */