/**
 * Main stylesheet for the x2com backend
 *
 * Author: 	Yorick Peterse - Isset Internet Professionals
 * Website: http://www.isset.nl/
 *
 */
/*** General ***/
body
{
	background:		#ddd;
	overflow-x:		hidden;
}
#container
{
	margin-top:		20px;
	margin-bottom:	20px;
}

/*** Global styling ***/
#header, #navigation, #content, #footer, #content_info
{
	background:		#fff;
	border:			1px solid #ccc;
	margin-bottom:	8px;
	padding:		10px 10px 0px 10px;
	width:			918px;
	position:		relative;
}

#header_todo {
	position: absolute;
	top: 4px;
	left: 300px;
	border: 1px solid #ccc;
	padding: 10px;
	cursor: pointer;
}

#header_todo td {
	padding: 0 3px;
}

#navigation
{
	height: 33px;
}

/*** Search box at the top of the page ***/
#search_box
{
	margin-bottom:	5px;
}
#search_box input
{
	float:			right;
	margin-right:	0px;
	color:			#999;
	height:			18px;
	padding-left:	3px;
}
/* Search results */
#search_container
{
	bottom:			20px;
	left:			0px;
	position:		absolute;
	right:			0px;
	top:			100px;
	z-index:		10;
}
#search_results
{
	background:		#fff;
	border:			1px solid #666;
	margin:			0 auto;
	padding:		10px;
	position:		relative;
	width:			940px;
	z-index:		20;
}
#search_background
{
	background:		#666;
	bottom:			0px;
	filter: 		alpha(opacity = 50);
	height:			100%;
	left:			0px;
	opacity:		0.5;
	position:		fixed;
	right:			0px;
	top:			0px;
	z-index:		5;
}
#search_close
{
	background:		url("../img/general/close.png") no-repeat top left;
	cursor:			pointer;
	display:		block;
	height:			29px;
	margin:			-23px 0px 0px -23px;
	position:		absolute;
	width:			30px;
}

/* Login */
#login, #requestlogin {
	position:absolute;
	top:50%;
	left:50%;
	width:500px;
	height:350px;
	margin-left:-250px;
	margin-top:-175px;
	border-left:1px solid #aaa;
	border-top:1px solid #aaa;
	border-bottom:1px solid #aaa;
	background-repeat:no-repeat;
	background-position:bottom;
	background-color: #fff;
	font-family: verdana;
	font-size: 14px;
}

#login .logo, #requestlogin .logo {
	margin:70px 0px 25px 90px;
}

#loginform {
	width:300px;
	height:100px;
	margin:0 auto;
}

#loginform label {

	display:block;
	float:left;
	text-align:left;
	width:130px;
	margin-right:10px;
}

#loginform p {
	margin-top:5px;
}

#loginform input.text {
	width:150px;
	border:1px solid #666;
	background-color:#e5e9ec;
}

.inputHighlighted {
	border:1px solid #cce92f;
	background-color:#e5e9ec;
	width:150px;
}

#new_portal_box {
	background-color: #FFFFFF;
	border: 1px solid #CCE92F;
	margin-top: 0;
	opacity: 0.8;
	padding: 25px;
	position: absolute;
	right: -280px;
	top: -40px;
	width: 280px;
}

#new_portal_box p {
	margin: 0 0 10px 0;
}

#new_portal_box a {
	font-weight: bold;
	color: #666;
	text-decoration: none;
}

#new_portal_box a:hover {
	color: #CCE92F;
}

#login_message_container .message_box {
	position:	absolute;
	right:		10px;
	top:		10px;
	padding:	30px;
	color:		#000;
	width:		320px;
}

#login_message_container #error_box {
	background: none repeat scroll 0 0 #E85151;
	border:		1px solid #BD1A1A;
}

#login_message_container #success_box {
	background:		#ABCC6A;
	border:			1px solid #758C46;
}

#login_message_container #notice_box {
	background:		#F7D66A;
	border:			1px solid #F7BC6A;	
}


/* Loading box */
#loading_box
{
	bottom:			0px;
	left:			0px;
	position:		absolute;
	right:			0px;
	top:			40%;
	z-index:		10;
}
#loading_box #loading_inside
{
	background:		#fff;
	border:			1px solid #666;
	display:		block;
	height:			39px;
	margin:			0 auto;
	padding:		5px;
	width:			220px;
}
#loading_box #loading_inside span
{
	margin-left:	8px;
}

/*** Calendar ***/
#calendar_container table thead tr th
{
	text-align:		center;
}
#calendar_container table thead tr th a
{
	color:			#000;
}
#calendar_container table tbody tr:hover
{
	background:		none;
}
/*** Header: contains the logo and the user menu ***/
#header #logo
{
	float:	left;
}
	#header #user_navigation
	{
		float:	right;
	}
		#header #user_navigation ul li
		{
			list-style-type: 	none;
			margin:				0px 0px 0px 20px;
		}
		#header #user_navigation ul #user_navigation_name
		{
			background:			url("../img/icons/user.png") no-repeat top left;
			padding-left:		23px;	
			padding-bottom:		5px;
		}
		#header #user_navigation ul #user_navigation_logout
		{
			background:			url("../img/icons/lock_break.png") no-repeat top left;
			padding-left:		23px;	
			padding-bottom:		5px;	
		}

/*** Main navigation menu ***/
#navigation
{
	padding-bottom:10px;
}
	#navigation ul
	{
		margin:	0px;
	}
		#navigation ul li
		{
			float:			left;
			list-style-type:none;
			margin:			0px 10px 0px 0px;
			position:		relative;
		}
			#navigation ul li a
			{
				display:			block;
				min-width:			65px;
				padding:			5px 10px 5px 10px;
				text-align:			center;
				text-decoration:	none;
				text-transform:		capitalize;
			}
			#navigation ul li a:active
			{
				
			}
			
			#navigation ul li.button_red {
				
			}
			
			#navigation ul li.button_red a {
				
			}
			
			/* Submenu's */
			#navigation ul li ul
			{
				left:		-10000px;
				margin:		0px 0px 0px -1px;
				position:	absolute;
				min-width:	100%;
				z-index:	100;
				font-size:	12px;
				width:		103px;
			}
			#navigation ul li:hover ul
			{
				left:		auto;
			}
				#navigation ul li ul li
				{
					border:			none;
					float:			none;
					margin:			0px;
				}
				#navigation ul li ul li:last-child
				{
					border:			none;
				}
					#navigation ul li ul li a
					{
						background:	none;
						border:		none;
						margin:		0px;
						min-width:	90%;
						padding:	5px 0px 5px 10%;
						text-align:	left;
					}
					#navigation ul li ul li a:hover
					{
						
					}
			
/*** Tab navigation ***/
#tab_navigation
{
	background:		#ddd;
	border:			1px solid #aaa;
	clear:			both;
	height:			30px;
	margin-bottom:	20px;
}
#tab_navigation ul
{
	margin-left:	10px;
}
#tab_navigation ul li
{
	cursor:			pointer;
	float:			left;
	list-style-type:none;
	margin:			5px 5px 0px 0px;
}
#tab_navigation ul li a
{
	color:			#000;
	display:		block;
	height:			21px;
	padding:		3px 10px 0px 10px;
	text-decoration:none;
	text-align:		center;
}
#tab_navigation ul li.current a, #tab_navigation ul li a:hover
{
	background:		#fff;
	border:			1px solid #aaa;
	border-bottom:	1px solid #fff;
	color:			#000;
	padding:		2px 9px 1px 9px;
}

/*** Content: this contains the views of the current method ***/
#content
{
	padding-bottom:	10px;
	position:static;
	min-height:300px;
}

#content_info {
	padding-bottom:	10px;
	position:static;
}

#content .branch {
    background-color: #DDDDDD;
    margin-bottom: 20px;
    padding: 10px;
    width: 900px;
}

#content #branch_text {
    font-size: 18px;
    font-weight: bolder;
    left: 79px;
    position: relative;
    top: 0;
}

/* Dashboard widgets */
#dashboard_widgets h2
{
	border:			none;
}
#dashboard_widgets h3
{
	margin-bottom:	10px;
}
#dashboard_widgets .widget
{
	background:		#ededed;
	border:			1px solid #ccc;
	float:			left;
	min-height:		260px;
	margin:			10px;
	width:			435px;
}
#dashboard_widgets .widget_wide
{
	width:			895px;
}
	#dashboard_widgets .widget .widget_title
	{
		border-bottom:	1px solid #fff;
		margin-bottom:	20px;
	}
		#dashboard_widgets .widget .widget_title h2
		{
			border-bottom:	1px solid #ccc;
			margin-bottom:	0px!important;
			padding-left:	10px;
			width:			auto;
		}
	#dashboard_widgets .widget .widget_content
	{
		padding:		0px 10px 0px 10px;
	}
	#dashboard_widgets .widget .widget_content ul li, #dashboard_widgets .widget .widget_content ol li
	{
		list-style-type:none;
		margin:			0px;
	}
	#dashboard_widgets .widget .select_container
	{
		float:			right;
		margin-top: 	-27px;
		margin-right:	10px;
	}
		#dashboard_widgets .widget .select_container input[type="text"]
		{
			width:		80px;
		}
	#dashboard_widgets .widget object
	{
		border:			1px solid #ccc;
		margin-bottom:	10px;
	}

/* Sips Move */

#sips_move_form {
	width: 530px;
	margin-top: 50px;
}

.add_number_btn, .remove_number_btn {
	width: 20px;
	height: 20px;
	border:1px solid #858688;
	background-color:#CCE92F;
	color: black;
}

.number_block_list {
	width: 309px;
	border: 1px solid #ccc;
}

/* Sips */
 #netnr_special {
	border: 1px solid #000000;
    float: right;
    margin-top: -203px;
    padding: 20px;
    width: 300px;
}

/* Xdsl Subscriptions */

#migration_msg {
    border: 1px solid red;
    color: red;
    margin: 20px 0;
    padding: 3px 20px;
    text-align: center;
    width: 450px;
}

/* Tickets */
.ticket_problem_front
{
	background:		#F7F7F7;
	border:			1px solid #ccc;
	margin-top:		10px;
	margin-bottom:	20px;
	padding:		10px;
}
#ticket_list .ticket h2
{
	border-bottom:	none;
	margin:			0px;
}
#ticket_list .ticket .ticket_heading p
{
	margin-bottom:	10px;
}

.ticket_answer_front {
	margin-top:		30px;
	width:			896px;
}

.answer_body
{
	background:		none repeat scroll 0 0 #DFEDC2;
	border:			1px solid #ACCF67;
	padding:		0 0 10px 0;
}
.answer_heading
{
	background:		none repeat scroll 0 0 #ACCF67;
	border:			1px solid #ACCF67;
	margin-bottom:	0px;
	padding:		5px;
}

.answer_body
{
	padding:		5px;
}
.anwer_heading
{
	margin:			0px;
}

.question_heading {
	padding:			5px;
	background-color:	#ccc;
}

.question_body {
	background:		#F7F7F7;
	border:			1px solid #ccc;
	padding:		5px;
}

#ticket_list .ticket .ticket_attachment
{
	padding-left:	5px;
}
#ticket_form
{
	margin-top:		40px;
}

/*** Footer ***/
#footer p
{
	margin:		0px 0px 10px 0px;
}
	#footer #footer_left
	{
		float:		left;
	}
	#footer #footer_right
	{
		float:		right;
	}


/* Customer Form */

#customer_form_left {
    float: left;
    width: 450px;
}

#customer_form_left input[type="text"], #customer_form_right input[type="text"]
{
	width: 260px;
}


#customer_form_right {
    float: right;
    width: 450px;
}

.static_info p {
	margin-bottom: 3px !important;
}

/* Useragent Details */

#useragent_details {
	overflow: auto;
}

#useragent_details table {
	width: 2500px;
}


/* Edit Phonenumber Details */

#voip_forwarding_options {
	display:block;
	height:312px;
}

/* Callhistory */

#content input[type="text"].date_small {
	width: 100px;
	text-align: center;
}


/* CDR Searchresults */

#cdr_results_container .table_style thead tr th, #cdr_results_container .table_style tbody tr td {
	padding:2px 30px 2px 3px;
	white-space: nowrap;
}

#cdr_results_container #scrolldiv {
	min-height: 300px;
	height: 100%;
	overflow: auto;

}

#cdr_results_container.expanded {
	position: absolute;
	z-index: 1000;
	padding: 30px 15px;
	top: 20px;
	left: 20px;
	right: 20px;
	bottom: 20px;
	background-color: #fff;
	border: 1px solid #000;
}

#cdr_results_container.expanded table {
	margin-right: 30px;
	margin: 4px;
	width: auto;
}

.cost_select {
	width: 165px;
}

/* Icons for the dashboard */
.dash_option {
	width:   120px;
	float:   left;
	height:  120px;
	margin:  20px 24px 15px 24px;
	display: block;
}

ul li:first-child .dash_option
{
	margin-left: 0px;
}

.add_sip {
	background-image: url('/public/img/icon_sip.png');
}

.move_sip {
	background-image: url('/public/img/icon_move.png');
}

.add_xdsl {
	background-image: url('/public/img/icon_xdsl.png');
}



/* xDSL integratie */

.deployment_detail {
	margin: 20px 0;
}

th.property {
	width: 200px;
	font-weight: bold;
}

.xdsl_details {
	margin-top: 15px;
	margin-bottom: 10px;
}

.xdsl_details label {
	margin: 0;
	width: 210px;
	font-weight: bold;
}

.subtable_style {
	width: 80%;
	margin: 10px auto;
	border: 1px solid #000;
}

.subtable_style tbody tr td {
    border-bottom: 1px solid #000;
}

/* Subscription Agreement */

#agreement_text {
    border: 1px solid #CCCCCC;
    height: 400px;
    margin-bottom: 16px;
    overflow: auto;
    padding: 14px;
	background-color: #eee;
}

.product_details_box {
    background-color: #CCCCCC;
    border: 1px solid #999999;
    padding: 20px;
    width: 894px;
	text-transform: capitalize;
}


.ticket-reply-block {
	border-bottom: #D0D0D0 solid 1px;
	margin-bottom: 2px;
	padding: 2px;
	background-color: #F0F0F0;
}


.ticket-reply-block-over .ticket-reply-title {
	background-image: url('/public/ext/resources/images/default/grid/row-over.gif');
}

.ticket-reply-title {
	border-bottom: #D0D0D0 dashed 1px;
	vertical-align: middle;
}

.ticket-reply-date {
	float:right;
	font-size: 10px;
	color: #ACACAC;
	margin-right: 4px;
	font-style: italic;
}

.ticket-reply-mail {
	float:left;
	font-size: 10px;
	color: #ACACAC;
	margin-left: 4px;
	font-style: italic;
}

.ticket-p {
	font-size: 90%;
	margin-bottom: 2px !important;
	min-height: 20px;
}

#gegevensPanel, #ticket-info-view {
	overflow: auto;

}
#ticket-new-title {
	border: 0px;
	font-weight: bold;
	width: 95%;
}

.ticket-tab-attachments {
	background: url(/public/img/icons/compress.png);
}

.ticket-tab-reacties {
	background: url(/public/img/icons/balloons-box.png);
}

.ticket-tab-intern {
	background: url(/public/img/icons/balloons-box-intern.png);
}

.ticket-client-block {
	border-bottom: #D0D0D0 solid 1px;
	border-top: #D0D0D0 solid 1px;
	margin-bottom: 2px;
	padding: 3px;
	background-color: #FFFFFF;
	cursor: pointer;
}

.ticket-client-block-over {
	background-color: #CEDEF4;
}

.ticket-client-block-selected {
	padding-left: 20px;
	font-weight: bold;
	background: no-repeat url(/public/img/icons/user.png);
}

#ticket-customer-searchterm {
	padding-left: 20px;
	background-image: url(/public/img/icons/binocular.png);
	background-repeat: no-repeat;
}

button {
	cursor: pointer;
	font-size: 11px;
	vertical-align: middle;
}

/* Contact Information */

#edit_contact_info textarea {
	width: 715px;
	height: 150px;
}

#edit_contact_info input[type="text"] {
	width: 715px;
}

.editable-input-off {
	border: 1px solid #F0F0F0 !important;
	background-color: #F0F0F0;
	font: 12px/1.3 Arial,'Liberation Sans',FreeSans,sans-serif;
	vertical-align: middle;
	line-height: 1;
}