/* -----------------------------------------------------------------------
		Default
----------------------------------------------------------------------- */
html {height:100%;}
body {
margin:0;
padding:0;
height:100%;
background-color:#fff /* #696f7d */;

}

.container{
min-height:100%;
margin:auto;
position:relative;
background:#fff/* #696f7d */;
}

* html .container {height:100%} 

p + p { text-indent:0em; margin-top:0em; }

/* -----------------------------------------------------------------------
		Divs
----------------------------------------------------------------------- */


#inner-wrap {
padding-bottom:80px;
}
#inner-wrap:after {
content:" ";
display:block;
clear:both;
}
#footer {
float:left;
background:#dbdbdb url(gfx/grey_bar.jpg) bottom repeat-x; /*url(gfx/footer.png); /*#333 - #cacaca*/
width:100%;
position: fixed;
bottom: 0;
border-top: 1px solid #a6a6a6;
} 

/*
#footer {
position:absolute;
bottom:0;
height:80px;
background-color: #333333;
width:100%;
color:#FF00FF;
text-align:center;
} 



*/

/*#header{
float: left;
width: auto;
}*/


#left {
float:left;
width:200px;
text-align:left;
margin-left:10px;
background: #fff;
border: 1px solid #a4a6ad /* #565b67 */;
}

#main {
position:relative;
margin-left:223px;
margin-right:10px;
background: #fff;
padding: 0 10px 10px 10px;
border: 1px solid #a4a6ad /* #565b67 */;
}
#main.fixed_width{
max-width: 1000px;
}



#main.login_box{
max-width: 450px;
width: 450px;
}

#status{
padding: 5px;
padding-bottom: 0;
margin-top: 5px;
float: left;
width: 100%;
}


#status a.logged_in{
background: #009933;
text-decoration: none;
color: #fff;
padding: 0 3px ;
}

#status a.logged_out{
background: red;
text-decoration: none;
color: #fff;
padding: 0 3px ;
}

/* -----------------------------------------------------------------------
		H1
----------------------------------------------------------------------- */



h1#logo{
float:left;
width: 150px;
height: 68px;
margin-left: 10px;
margin-top: 3px;
margin-bottom: 0;
}

h1#logo a{
display: block;
width: 150px;
height: 68px;
background: url('gfx/logo.png') no-repeat;
}







/* -----------------------------------------------------------------------
		Identity
----------------------------------------------------------------------- */


.spesific_identity{
float: right;
width:200px;
margin:10px 20px 0 0;
}

/* -----------------------------------------------------------------------
		Left menu
----------------------------------------------------------------------- */

ul#left_menu{
list-style-type: none;
margin: 0;
border-top: 1px solid #c0c0c2;
}

#left_menu li{
float: left;
width: 100%;
margin: 0 0 0px 0;
border-bottom: 1px solid #c0c0c2;

}

#left_menu li a{
display: block;
text-align: left;
padding: 8px 2px 8px 6px;
color: #363a45;
font-size: 110%;
text-decoration: none;
background: url(gfx/menu_bg2.jpg) repeat-x bottom left;
}

#left_menu li a span{ display: block; padding: 2px 0 3px 30px;}


#left_menu li.profile a span{background: url(gfx/setup_assistant.png) no-repeat top left;}
#left_menu li.dashboard a span{background: url(gfx/voice_support.png) no-repeat top left;}
#left_menu li.sms a span{background: url(gfx/chat.png) no-repeat top left;}
#left_menu li.admin a span{background: url(gfx/advanced.png) no-repeat top left;}
#left_menu li.queue_groups a span{background: url(gfx/wifi.png) no-repeat top left;}
#left_menu li.queue_members a span{background: url(gfx/edit_group.png) no-repeat top left;}
#left_menu li.cal a span{background: url(gfx/cal.png) no-repeat top left;}
#left_menu li.opening_times a span{background: url(gfx/clock.png) no-repeat top left;}
#left_menu li.sounds a span{background: url(gfx/arts.png) no-repeat top left;}
#left_menu li.logout a span{background: url(gfx/boot.png) no-repeat top left;}



#left_menu li a:hover{
color: #333;
background:#ffefb5 ;/*#ffffd4*/
}


#left_menu li.current a{
color: #333;
font-weight: bold;
background-position: top;
}


#left_menu li ul{
list-style-type: none;
margin: 5px 0px 10px 0;
float: left;
width: 100%;
}

#left_menu li.current ul li{
background: none;
border-bottom: 1px dotted #bbb;
}


#left_menu li.current ul li a{
background: none;
padding: 0;
font-size: 100%;
font-weight: normal;
padding: 2px 10px 4px 8px;
}

#left_menu li.current ul li a:hover{
color: #333;
background:#ffefb5 ;/*#ffffd4*/
}

#left_menu li.current ul li.current a{
color: #333;
background:#ffefb5 ;/*#ffffd4*/
font-weight: bold;
}




/* -----------------------------------------------------------------------
		Footer shortcuts
----------------------------------------------------------------------- */

#shortcut_container{
margin-left: auto;
margin-right: auto;
width: 560px;

}

ul#shortcuts{
margin: 0;
list-style: none;
width: 527px;
text-align: center;
float: left;
}

#shortcuts li{
margin: 0 0px 0 0;
width: 105px;
float: left;
}

#shortcuts li a{
display: block;
background:url(gfx/dock_sprite.png);
width: 105px;
height: 69px;
text-indent: -99999em;
}


#shortcuts li.short_dashboard a{ background-position: 0px 0px;}
#shortcuts li.short_call a{ background-position: -105px 0px; }
#shortcuts li.short_sms a{width: 107px; background-position: -210px 0px;}
#shortcuts li.short_email a{ background-position: -315px 0px;}
#shortcuts li.short_adressbook a{ width: 107px; background-position: -420px 0px;}


#shortcuts li.short_dashboard a:hover{ background-position: 0px -69px;}
#shortcuts li.short_call a:hover{ background-position: -105px -69px; }
#shortcuts li.short_sms a:hover{width: 107px; background-position: -210px -69px;}
#shortcuts li.short_email a:hover{ background-position: -315px -69px;}
#shortcuts li.short_adressbook a:hover{ width: 107px;  background-position: -420px -69px;}

/* Closed state */



#shortcuts.collapsed li a{
display: block;
background:url(gfx/dock_sprite.png);
width: 105px;
height: 18px;
text-indent: -99999em;
}


#shortcuts.collapsed li.short_dashboard a{ background-position: 0px -51px;}
#shortcuts.collapsed li.short_call a{ background-position: -105px -51px;; }
#shortcuts.collapsed li.short_sms a{width: 107px; background-position: -210px -51px;}
#shortcuts.collapsed li.short_email a{ background-position: -315px -51px;}
#shortcuts.collapsed li.short_adressbook a{ width: 107px; background-position: -420px -51px;}

/*Hover*/

#shortcuts.collapsed li.short_dashboard a:hover{ background-position: 0px -120px;}
#shortcuts.collapsed li.short_call a:hover{ background-position: -105px -120px; }
#shortcuts.collapsed li.short_sms a:hover{width: 107px; background-position: -210px -120px;}
#shortcuts.collapsed li.short_email a:hover{ background-position: -315px -120px;}
#shortcuts.collapsed li.short_adressbook a:hover{ width: 107px;  background-position: -420px -120px;}



/*Show hide*/

a#shortcut_btn{
display: block;
float: left;
text-indent: -9999em;
width: 14px;
height: 14px;
background: url(gfx/show_hide.png) no-repeat;
background-position: -42px 0px;
margin: 2px 0 0 4px;
outline: none;
}

a#shortcut_btn:hover{
background-position: -56px 0px;
outline: none;
}

a#shortcut_btn.btn_closed{
background-position: 0px 0px;
}
a#shortcut_btn.btn_closed:hover{
background-position: -28px 0px;
outline: none;
}







/* -----------------------------------------------------------------------
		H2 - Pagetitle
----------------------------------------------------------------------- */

h2.pagetitle{
	background: url(gfx/grey_bar.jpg) top left;
	font-weight: bold;
	font-size: 130%;
	color: #525355;
	margin: 0 -10px 10px -10px;
	padding: 1px 10px 3px 15px;
	display: block;
	width: 99.5%;
}

#main.login_box h2.pagetitle{
	padding: 1px 1.9% 3px 3%;
}




h2.pagetitle span{
	color: #6da9d2;
	font-weight: normal;
	font-size: 80%;
	font-style: italic;
	visibility: hidden;
}

h2.pagetitle:hover span{
visibility: visible;
}


h2.menutitle{
	background: url(gfx/grey_bar.jpg) top left;
	font-weight: bold;
	font-size: 130%;
	color: #525355;
	margin: 0 0px 0px 0px;
	padding: 1px 0 3px 10px;
	display: block;
	width: 190px;
}


h3.blocktitle{
	background: url(gfx/grey_bar.jpg) top left;
	font-weight: bold;
	font-size: 100%;
	color: #525355;
	margin: 0 0px 0px 0px;
	padding: 5px 0 5px 5px;
	display: block;
	
}

h3.blocktitle span{
	color: #6da9d2;
	font-weight: normal;
	font-size: 90%;
	font-style: italic;
	visibility: hidden;
}

h3.blocktitle:hover span{
visibility: visible;
}



/*
h2.pagetitle{
	background-color: #33393c;
	font-weight: bold;
	font-size: 120%;
	color: #fff;
	margin: 0px;
	padding: 12px 0px 12px 15px;
}



h2.pagetitle span{
	color: #6da9d2;
	font-weight: normal;
}*/





/* -----------------------------------------------------------------------
		Table
----------------------------------------------------------------------- */



#table-block table{
	width: 100%;
	float: left;
	background: #fff;
}



#table-block table tr td{
	padding: 5px 6px 5px 6px; 
	border-bottom: 1px solid #cdcdcd;
}

.table_form table input,
.table_form table select{
padding: 0!important;
margin: 0!important;
}




#table-block table tr.header td{
	color: #fff;
	padding: 3px 6px 3px 6px; 
	background-color: #7a7a7a;/*#42585d*/
	font-weight: bold;
}

#table-block table tr.alternate{
	background-color: #dfdfdf /* #f5f5ed */;
}

#table-block table td.true{
	color: #009933;
}


#table-block table td.false{
	color: #990000;
}

#table-block table td.actions{
	color: #ccc;
}

#table-block table tr:hover{
	background-color: #ffffd4;
}

#table-block table td.actions a{
	color: #999 /* #0099ff */;
	text-decoration: none;
	padding: 0px 2px 0px 2px;
	text-transform: uppercase;
}


#table-block table td.actions a.delete{
	color: #999;
}



#table-block table td.actions a:hover{
	color: #ff6600;
}



.trasfer_phone,
.call_phone,
.error_phone,
.send_sms{
width: 16px;
height: 16px;
background: url(gfx/action_sprite.png) no-repeat;
text-indent: -99999em;
display: block;
float: left;
margin: 0 5px 0 0;
}

.call_phone{background-position: -16px 0;}
.error_phone{background-position: -32px 0;}
.send_sms{background-position: -48px 0;}




/* -----------------------------------------------------------------------
		Forms
----------------------------------------------------------------------- */


/*SMS*/

#send_sms input#nummer{
width: 185px;
float: left;

}

#send_sms p{margin-bottom: 10px; float: left;}



#send_sms textarea{}

/*#send_sms textarea:focus{border:none;}*/



.sms_addnummber{
margin: 10px 0 0 10px;
background: url(gfx/add_small.png) no-repeat top;
/*padding: 8px 8px 8px 8px;*/
float: left;
padding: 0;
width: 16px;
height: 16px;
text-indent: -99999em;
border:none;
cursor: pointer;
}

/*.sms_addnummber{
margin: 10px 0 0 10px;
background: url(gfx/add_small.png) no-repeat top;
padding: 8px 8px 8px 8px;
float: left;
}*/

.sms_removenummber{
margin: 10px 0 0 10px;
background: url(gfx/delete_small.png) no-repeat top;
float: left;
padding: 0;
width: 16px;
height: 16px;
text-indent: -99999em;
border:none;
cursor: pointer;
}

/*.sms_removenummber{
margin: 10px 0 0 10px;
background: url(gfx/delete_small.png) no-repeat top;
padding: 8px 8px 8px 8px;
float: left;
}*/



select.sms_multiple{
width: 200px;
float: left;
margin: 5px 0 5px 0;
}

.sms_adressbook{
margin: 3px 0 0 10px;
background: url(gfx/kaddressbook2.png) no-repeat top;
padding: 7px 16px 25px 16px;
float: right;
}


#numberOfCharactersRemaining,
#numberOfMessagesNeeded{
font-weight: bold;
}



form input.short{width: 30px!important;}

form input.medium{width: 255px!important;}

form fieldset.small_form div label{
width: 50px;
display: block;
float: left;
margin: 10px 0 0 0;
}

form fieldset.small_form div input{width: 50%;}

form fieldset.small_form div select{width: 85px;}

select.text{padding:5px;}

/* misc */

.top_margin{
margin-top: 10px;}


.notice {background:#dfdfdf;color:#393939;border-color:#919191;}


#main.login_box fieldset label{
width: 90px;
display: block;
float: left;
vertical-align: bottom;
margin: 10px 0 0 0;
}

.toggle_login{
margin: 0 0 0 5px;
padding: 0 0 0 5px;
border-left: 1px solid #999;
}


tr.slider_tr{height: 50px;}
/*
ved skjult selectboks
.ui-slider {bottom: 8px!important; left: 100px!important;}
*/
.ui-slider {bottom: 20px!important; left: 130px!important;}


input.date-pick{width: 70px!important;}

a.dp-choose-date {
        float: left;
        width: 16px;
        height: 16px;
        padding: 0;
        margin: 10px 3px 0;
        display: block;
        text-indent: -2000px;
        overflow: hidden;
        background: url(/images/calendar_picker.png) no-repeat;
}
a.dp-choose-date.dp-disabled {
        background-position: 0 -20px;
        cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
        width: 140px;
        float: left;
}


ol.date_fields, ol.regular_fields{margin: 0; padding: 0;}
ol.date_fields li{list-style: none; clear: both;}


input.date-pick,
ol.date_fields li input{width: 74px!important; float: left;}

ol.date_fields li, ol.regular_fields li{list-style: none; clear: both; margin: 0; padding: 0;}

ol.regular_fields li select{vertical-align: top; margin: 1px 0 0 0;}
ol.regular_fields li label{vertical-align: sub!important;}

.small_table_form input.text{
width: 50px;
}

tr.slider_tr{height: 20px;}
.ui-slider {bottom: 16px!important; left: 130px!important;}

.select_date{margin: 5px 0 0 0!important; vertical-align: sub!important;}


*:lang(en) .select_date{
    margin: 11px 0 0 0!important; vertical-align: sub!important;;
}



/*transfer call*/

.transfer_call{
display: block;
float: left;
width: 180px;
padding: 5px;
background: #61a064 url(gfx/transfer_arrow.png) no-repeat right;
color: #fff;
text-decoration: none;
margin: 0 0 10px 0;
font-weight: bold;
font-size: 120%;
}

.transfer_call:hover{
color: #d7d7d7;
}

.transfer_call2{
display: block;
float: left;
width: 180px;
padding: 5px;
background: #61a064 url(gfx/transfer_phone.png) no-repeat right;
color: #fff;
text-decoration: none;
margin: 0 0 10px 0;
font-weight: bold;
font-size: 120%;
}

.transfer_call2:hover{
color: #d7d7d7;
}


dl.list dt{
float: left;
font-weight: bold;
margin-right: 10px;
min-width: 90px;
}


/*Timeline*/


td.timeline{width: 595px!important;}

.timeline_container{float: right; margin: 0 -6px 0 0;}

.time_entries{width: 600px; float: left; height: 15px; margin-bottom:-85px;}
.timeline_container .time_bar{
background: #ea4d4d;
height: 13px;
text-align: center;
border: 1px solid #333;
float: left;
display: block;
z-index: 5;
}
.timeline_container .time_bar.blue{background: aqua;}
.timeline_container .time_bar a.message{
text-decoration: none;
color: #000;
font-size: 80%;
text-transform: uppercase;
vertical-align: top;
display: block;
width: 100%;
position: relative;
text-indent: -9999999em;
}
.timeline_container .time_bar a.message:hover{vertical-align: top;}
.timeline_container .time_bar a.message span{display: none; visibility: hidden;}

.timeline_container .time_bar a.message:hover span{ /*the span will display just on :hover state*/
    display:block;
    visibility: visible;
    position:absolute;
    top:1em; left:2em;

    width:15em;
    border:1px solid #0cf;
    background:#cff;
    color:#000;
    padding: 5px;
    text-align: left;
    font-size: 120%;
    text-transform: none;
    text-indent: 0;
    z-index: 99!important;
}

.timeline_container .time{
float: left;
/*z-index: 1;*/
border-left: 1px dotted #b2b2b2;
margin: -5px 0 -5px 0;
padding: 0px 0 5px 0;
width: 600px;

}
.timeline_container .time span {
width: 29px;
text-align: center;
display: block;
float: left;
margin: 0px 0 -5px 0;
padding: 30px 0 5px 0;
border-right: 1px dotted #b2b2b2;
font-size: 80%;
color: #808080;
z-index: 1;
/*z-index: 1;*/
}