body{
background:#006699;
background-repeat:no-repeat;
align:center;
margin:0px;
padding:0px;
}

a{
color:#3788C9;
text-decoration:none;
}

a:hover{
color:#000;
text-decoration:none;
}

#topBlack{
width:920px;
height:20px;
line-height:20px;
background:#006699;
}

.container{
width:920px;
background:#ffffff;
}

#header{
margin:6px 6px 3px 6px;
background:#4E8BC8;
height:80px;
}

#tabs{
border-bottom:1px solid black;
height:22px;
}

#yellowBG{
margin:0px 6px 6px 6px;
background-image:url(/graphics/interface/bg_yellow.gif);
padding:0px 3px 3px 3px;
background-repeat:repeat-x;
}

#mainContent{
text-align:left;
background-color:#DDE1E2;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
/*padding:0px 3px 3px 3px;*/
}

#contentLeft{
float:left;
width:255px;
background-image:url(/graphics/interface/UpLeft.gif);
background-repeat:no-repeat;
}

.containerLeftFast{
margin:3px;
padding:3px;
background-image:url(/graphics/interface/bgContentainerLeft.jpg);
background-repeat:no-repeat;
}
.containerLeft{
margin:3px;
padding:3px;
/*background-image:url(/graphics/interface/bgContentainerLeft.jpg);*/
background-repeat:no-repeat;
}

#contentCenter{
float:left;
width:460px;
width:440px;
padding:6px 10px 6px 10px;
/*text-align:justify;*/
}

#contentCenterOnly{
float:left;
width:888px;
padding:6px 10px 6px 6px;
text-align:justify;
voice-family: "\"}\"";
voice-family: inherit;
width:876px;
}
html>body #divLayM{
width:730px;
} 



#contentRight{
float:right;
width:178px;
background-image:url(/graphics/interface/UpRight.gif);
background-repeat:no-repeat;
background-position:top right;
}

#contentRightSmall{
float:right;

width:5px;
/*background-image:url(../images/UpRight.gif);*/
background-repeat:no-repeat;
background-position:top right;
}

.containerRight{
margin:3px;
padding:6px;
background-image:url(/graphics/interface/bgContentainerRight.jpg);
border-bottom:1px solid #cccccc;
background-repeat:no-repeat;
background-position: top right;
}

#cHeader{
color:#6B6B6B;
margin-bottom:20px;
}

#cFooter{
color:#6B6B6B;
margin-top:40px;
}

#footer{
clear:both;
text-align:center;
padding-top:30px;
}

/*---------------*top menu-------------------------------------------*/
#topMenu a{
color:#ffffff;
text-decoration:none;
}

#topMenu a:hover{
color:#000;
}

#topMenu{
height:19px;
/*padding-top:4px;*/
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#ffffff;
}

.topMenuSpacer{
float:left;
width:1px;
border-right:1px solid white;
margin-top:6px;
}

.topMenuSelected{
float:left;
background:#fff;
height:19px; 
line-height:19px;
border:1px solid #EDEDED;
border-bottom:0px;
padding:0px 9px 0px 9px;
margin-left:-1px;
}

.topMenuNotSelected{
float:left;
height:19px; 
line-height:19px;
padding:0px 8px 0px 8px;
border-top:1px solid white;
}

.topMenuDate{
float:right;
height:19px; 
line-height:19px;
padding:0px 8px 0px 8px;
border-top:1px solid white;
color:#000000;
}

/*---------------left menu--------------------*/
#leftMenu{
margin:8px 0px 8px 0px;
}
#leftMenu{
}
a.leftLevel1, a.leftLevel1:visited, a.leftLevel1:link{
display:block;
margin:0px 3px 0px 3px;
padding:3px 0px 3px 10px;
border-bottom:1px solid #ededed;
font-weight:bold;
}
a.leftLevel1:hover{
background-color:#F9D922;
}


/*---------------basic styles-------------------------------------------*/
.clearBoth{
clear:both;
line-height:1px;

}

.pix6{
height:6px;
line-height:6px;
clear:both;
}
.pix10{
height:10px;
line-height:10px;
clear:both;
}

.pix20{
height:20px;
line-height:20px;
}

.pix30{
height:30px;
line-height:30px;
}

.heading{
font-size:22px;
font-family:Arial, Helvetica, sans-serif;
color:#959595;
margin-bottom:8px;
}

.subHeadingBlue{
font-size:12px;
color:#3788C9;
font-weight:bold;
margin-bottom:6px;
}

.subHeadingGray{
font-size:12px;
color:#959595;
font-weight:bold;
margin-bottom:6px;
}

.bold{
font-weight:bold;
}

.gray{
color:#959595;
}

.blue{
color:#3788C9;
}

.black{
color:#000;
}

/*----------calendar styles---------------*/

#calendar a{
color:black;
}
#calendar a:hover{
font-weight:bold;
}
.calStart{
background-color:#009900;
}
.calEnd{
background-color:#FF6600;
}
.calStartEnd{
background-color:#006699;
}

/*--------activity styles-------------*/
.lowPriority{
background:#ffcc66;
padding:2px;
border-bottom:1px solid #ccc;
}

.onlineUsers{
background:#eee;
padding:3px;
/*border:1px solid #ccc;*/
background-image:url(/graphics/interface/bg_activity.gif);
}

.user{
padding:2px 0px 2px 0px;
border-bottom:1px dashed #ccc;
}
.medPriority{
background:#ff9900;
padding:2px;
border-bottom:1px solid #ccc;
}
.topPriority{
background:#ff6600;
padding:2px;
color:white;
border-bottom:1px solid #ccc;
}

#activity{
/*border:1px solid #ccc;
border-bottom:0px;*/
}
#activity a{
/*color:white;*/
}
#activity a:hover{
color:black;
}
.activityList{
padding:2px;
text-align:right;	
}
.contactList{
padding:2px;
background-image:url(/graphics/interface/bg_contact.gif);
background-repeat:no-repeat;	
}
.activityLeft{
float:left;
width:20px;
}
.numberLeft{
float:left;
width:35px;
}
.activityTextLeft{
float:left;
width:130px;
}
.activityTextLeftMed{
float:left;
width:170px;
}
.activityTextLeftBig{
float:left;
width:210px;
}
.activityTextMiddle{
float:left;
width:300px;
}
.activityTextMiddleWide{
float:left;
width:450px;
}
.activityTextMiddleWidePad{
float:left;
width:450px;
padding-top:10px;
}
.activityIcon{
float:right;
width:20px;
text-align:right;
}
.activityPercent{
float:right;
width:30px;
}
.legend{
float:right;
text-align:center;
border-right:1px solid white;
padding:2px;
}

.listLeft{
padding:2px;
border-top:1px dashed #ccc;
}
.messages{
padding:2px;
border-bottom:1px dashed #ccc;
}
.messagesText{
float:left;
width:280px;
}
.messagesDate{
float:right;
width:80px;
}
.messagesTime{
float:right;
width:50px;
}
.leftDiv{
float:left;
padding-right:4px;
}
.rightDiv{
float:right;
padding-left:4px;
}

/*---------form elements--------------*/
.textField{
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.letterSelected{
border:1px solid #ccc;
padding:2px;
font-size:14px;
}

.number{
border:1px solid #ccc;
/*background:#eee;*/
padding:1px;
float:left;
width:15px;
margin-right:2px;
text-align:center;
}

.numberSelected{
background:#eee;
border:1px solid #ccc;
padding:1px;
float:left;
width:15px;
margin-right:2px;
text-align:center;
}

/*---------poruke----------*/
.messageList{
height:180px;
overflow:auto;
}
.konverz{
height:150px;
overflow:auto;
}

.left_10{
width:10px;
float:left;
}
.left_20{
width:20px;
float:left;
}
.left_30{
width:30px;
float:left;
}
.left_40{
width:40px;
float:left;
}
.left_50{
width:50px;
float:left;
}
.left_70{
width:70px;
float:left;
}
.left_100{
width:100px;
float:left;
}
.left_130{
width:130px;
float:left;
}
.left_150{
width:150px;
float:left;
}
.left_200{
width:200px;
float:left;
}
.left_300{
width:300px;
float:left;
}
.left_400{
width:400px;
float:left;
}
.left_470{
width:490px;
float:left;
}
.left_500{
width:500px;
float:left;
}
.leftX{
float:left;
}


.tab{
float:left;
width:140px;
margin-bottom:-1px;
/*background-image:url(/graphics/interface/bg_tab.gif);*/
text-align:center;
height:21px;
font-weight:bold;
background-color:silver;
border-top:1px solid black;
border-bottom:1px solid black;
border-left:1px solid black;
border-right:1px solid black;
}
.tabInactive{
float:left;
width:140px;
margin-bottom:-1px;
/*background-image:url(/graphics/interface/bg_tab_inactive.gif);*/
text-align:center;
height:21px;
background-color:#efefef;

}

.posloviDeleteList{
text-align:left;
background:#CCCCCC;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#333333;
padding:0px 3px 3px 3px;
font-weight:italic;
}

.liteBlueButton{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}