/**
 * 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;
}

#customer_picker_container {
    float: right;
    margin-right: 11px;
    margin-bottom: -11px;
}

#customer_picker_container label {
    float: none;
    width: 100px;
}

#customer_picker_container select {
    width: 200px;
    border: 1px solid #888;
}

#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;
    min-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:200px; */
    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;
}

#loginform a {
    font-weight:bold;
    display:block;
    margin:5px;
    padding:5px;
    text-decoration: none;
    float:left;
    font-size: 10pt;
}

.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;
    margin-top: 7px;
}
#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;
}
#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 3px 0px 3px;
    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 2px 1px 2px;
}

/*** 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;
}

/* Difficulties on dashboard */
.difficulties_container .difficulty,
.priority_container .priority_news
{
    border: 1px dotted #000;
    background-color: #FF7C7C;
    padding: 10px;
    margin-bottom: 10px;
}

.difficulties_container .difficulty .title {

}

.difficulties_container .difficulty.difficulty_normal {
    background-color: #FFB247;
}

.difficulties_container .difficulty.difficulty_solved {
    background-color: #A2F2A8;
}

.difficulties_container .difficulty.difficulty_maintenance {
    background-color: #FDFFC1;
}

.priority_container .priority_news .title,
.changelog .title
{
    font-size: 10px;
}

#news_box {
    padding: 0;
    text-align: left;
}

/* 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_location {
    background-color: #eee;
    padding-top: 10px;
    padding-left: 5px;
}

#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;
}

#customer_form .row_right textarea {
    width: 400px;
}

/* 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;
    font-weight: bold;
    text-align: center;
    color: #000;
}

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');
}

.move_sip_clean {
    background-image: url('/public/img/icon_move_clean.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;
}

.alert {
    padding:10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background:#F6CBCA;
    border:solid 1px #D02327;
    box-shadow: 0px 0px 5px #D02327;
}
.alert b { color:#D02327; }

.status {
    padding:15px;
    margin-left:10px;
    float:left;
    width:375px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: #BDE5F8;
    border:solid 1px #00529B;
    box-shadow: 0px 0px 5px #00529B;
}
.status b { color:#00529B; }
/*general/down.png*/
ul.status_li { margin-left:20px; }
ul.status_li li { /*list-style-image: url('/public/img/icons/telephone.png');*/color:black; font-weight: bold; cursor: pointer; }
ul.status_li li ul { display: none; }
ul.status_li li ul li { list-style-image: none; list-style-type: none; font-weight: normal; }

ul.status_li li.on {
    background: url('/public/img/icons/icon_status_green.png') no-repeat;
    background-position: top right;
}
ul.status_li li.off {
    background: url('/public/img/icons/icon_status_red.png') no-repeat;
    background-position: top right;
}

ul.status_li li ul { margin-left:10px; }
ul.status_li li ul li.doorschakeling { list-style-image: url('/public/img/icons/arrow_switch.png'); }
ul.status_li li.user { list-style-image: url('/public/img/icons/user.png'); }
ul.status_li li ul li.cli { list-style-image: url('/public/img/icons/user-silhouette-question.png'); }
ul.status_li li ul li.tel { list-style-image: url('/public/img/icons/telephone.png'); }
ul.status_li li ul li.phone { list-style-image: url('/public/img/icons/phone.png'); }
ul.status_li li ul li.krediet { list-style-image: url('/public/img/icons/money_euro.png'); }

ul.status_li li ul li ul li a { color: black; text-decoration: none; }

ul.status_li .check {
    background: url('/public/img/icons/check.png') no-repeat;
    background-position: top right;
}
ul.status_li .cross {
    background: url('/public/img/icons/cross.png') no-repeat;
    background-position: top right;
}




/* Invoice batch view */

.batch_info {
    border: 1px solid #ccc;
    padding: 10px;
    background-color: #FFFDD8;
    margin-bottom: 20px;
}


/* Clearvox Activation Info */

#clearvox_activation_address {
    margin: 10px 0;
}

#clearvox_activation_address table {

}

.activation_info_box {
    padding: 5px;
    border: 1px solid #59BDD2;
    background-color: #E0F9FF;
    border-radius: 4px;
}

.img_icon_small {
    height: 9px;
    width: 9px;
    margin-right: 5px;
}


/* General purpose info box */

div.info {
    border: 1px dotted #000;
    background-color: #ddd;
    padding: 10px;
    margin-bottom: 20px;
}

.changelog .title {
    margin-top: -10px;
}

.language-menu{
    position: absolute;
    z-index: 10000;
    background-color: #FFFFFF;
    border: 1px solid #B5AEAA;
    padding: 3px;
    min-width: 100px;
}

.language-menu a{
    color: #000000;
}

.item:hover{
    min-width: 75px;
    background-color: #0077b3;
}

.label-menu{
    margin-top: -20px;
    font-size: 1.4em;
    float: left;
    padding: 10px;
}

/* Costs overview */

.costs_overview_container {
    clear: both;
    height: 100%;
    margin-bottom: 20px;
}

.costs_overview {
    margin: 4px;
    padding: 4px;
    border: 1px solid #555;
    width: 435px;
    min-height: 100%;
    height: 100%;
    display: block;
}

.costs_overview.costs_left {
    float: left;
}

.costs_overview.costs_right {
    float: right;
}

.label-unset{
    background-color: #BD1A1A;

}

.icon-refresh
{
    background:			url("../img/icons/check.png") no-repeat top left;
    padding:		8px;

}

.icon-error
{
    background:			url("../img/icons/cross.png") no-repeat top left;
    padding:		8px;

}

.icon-status-green {
    background:         url('../img/icons/icon_status_green.png') no-repeat;
    padding:            10px;
    float:              right;
    position:           relative;
    right:              4px;
}

.icon-status-red {
    background:         url('../img/icons/icon_status_red.png') no-repeat;
    padding:            10px;
    float:              right;
    position:           relative;
    right:              4px;
}

.icon-xls {
    background:         url('../img/icons/xls.png') no-repeat;
    padding:            10px;
    float:              left;
    position:           relative;
    right:              0px;
}


.icon-dutch {
    background:         url('../img/flags/Netherlands.png') no-repeat;
    padding-left:		23px;
    padding-bottom:		5px;
}

.icon-french {
    background:         url('../img/flags/France.png') no-repeat;
    padding-left:		23px;
    padding-bottom:		5px;
}

.icon-german {
    background:         url('../img/flags/Germany.png') no-repeat;
    padding-left:		23px;
    padding-bottom:		5px;
}

.icon-english {
    background:         url('../img/flags/United-Kingdom.png') no-repeat;
    padding-left:		23px;
    padding-bottom:		5px;
}

#content_menu {
	background-color: #eee;
	height: 100%;
	width: 200px;
	position: relative;
	border: 1px solid #ccc;
	padding: 5px;
	margin: -5px 20px 20px -5px;
	float: left;
}

#content_menu #wiki_menu_container > ul {
	margin-left: 0;
}

#content_menu li.has_children {
	background:	url('../img/icon_plus.png') 0px 5px no-repeat;
	padding-left: 15px;
}

#content_menu li.has_children.folded_out {
	background:	url('../img/icon_minus.png') 0px 5px no-repeat;
	padding-left: 15px;
}

#content_menu ul {
	margin-left: 20px;
	margin-bottom: 0px !important;
}

#content_menu #wiki_menu_container a.active {
	color: #A8D9FF;
}

#unpaid_container {
	border-left: solid #ccc 1px;
	display: block;
	height: 100px;
}

#unpaid_container table tr td {
	text-align: left;
	padding-right: 15px;
	padding-left: 10px;
}

#unpaid_container table tr td.td_cost {
	text-align: right;
}

form .form_row input.js_auto_zipcode {
    display: inline-block;
    width: 130px;
}

#content input.js_auto_zipcode {
    display: inline-block;
    width: 180px;    
}


#content input.js_auto_housenumber,
form .form_row input.js_auto_housenumber {
    display: inline-block;
    width: 60px;
    min-width: 57px;
}

#content #my_customerdata_form input.js_auto_housenumber {
    width: 110px;
}

/*** Autocomplete box ***/

.ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

.ui-autocomplete {
	position:absolute;
	width:300px;
	height:350px;
	overflow-y:auto;
	overflow-x:hidden;
	background:white;
	border: 1px solid #777777;
	z-index: 100000 !important;
}
.ui-autocomplete .ui-menu-item {
}
.ui-autocomplete .ui-menu-item a {
	color:black;
	text-decoration: none;
	padding-left:10px;
}

.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	color: white;
	background: #7A9E32;
	display:block;
	width:100%;
}

.ui-autocomplete-category {
	font-weight: bold;
	padding-left:5px;
	border-bottom: solid 1px #ccc;
}


/* Zendesk */

#js_uploads_container p {
    float: left;
    clear: both;
}

#js_uploads_container p .js_remove_file {
    float: right;
    margin: 3px;
}

.comment_header img {
    float: left;
    width: 64px;
    height: 64px;
}

.comment_info {
    float: left;
    margin-left: 10px;
}

.comment_header {
    padding: 8px;
    border-bottom: 1px solid #ccc;
    background-color: #eee;
}

.comment_name {
    font-weight: bold;
    color: #444;
}

.comment_time {
    font-size: 10px;
}

.ticket_comment {
    padding: 8px;
}

.zendesk_comment, .ticket_addition {
    margin-top: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.ticket_addition {
    padding: 10px;
}

#contents_list {
    min-height: 300px;
}

/* Styles for the pagination library. */
#pagination
{
    float:  left;
    margin: 10px 0px;
}

#pagination ul
{
    float:  right;
    margin: 0px;
}

#pagination ul li
{
    border:          1px solid #D0D0D0;
    float:           left;
    list-style-type: none;
    margin-right:    10px;
    background-color: #eee;
    border-radius: 2px;
}

#pagination ul li a, #pagination ul li span
{
    color:      #000;
    display:    block;
    min-width:  20px;
    padding:    3px 5px;
    text-align: center;
}

#pagination ul li.current a,
#pagination ul li.current span
{
    font-weight: bold;
    background-color: #777;
    color: #eee;
}

#tab_navigation.js_ticket_tabs ul li a, #tab_navigation.js_ticket_tabs ul li a:hover {
    padding-left: 10px;
    padding-right: 10px;
}

.article_vote {
    margin-top: 5px;
}

.article_vote span {
    display: block;
}
.article_vote a img {
    padding: 7px;
    border: 1px solid #000;
    border-radius: 4px;
}
.article_vote a:hover img {
    border: 1px solid #76b500;
}

#contents_list span.section_title {
    font-size: 16px;
    margin: 15px 0 3px 0;
    display: block;
}

#contents_list .section_column {
    width: 295px;
    float: left;
    padding-right: 10px;
}

#tiled_contents_list .section_container {
    min-height: 155px;
}

/* Ugh, we need the !important to override the margin in base.css */
.section_container ul {
    margin-bottom: 0 !important;
}

.js_more_articles {
    margin-top: 9px;
    display: inline-block;
}

.hidden_articles a.less_articles {
    display: inline-block;
    margin-top: 10px;
}

/* Menu settings */

.menu_settings_form li input[type="checkbox"], .menu_settings_form .select_all {
    margin-top: 3px;
    float: left;
    margin-right: 10px;
}

.menu_settings_form ul.submenu {
    margin-top: 3px;
    margin-left: 45px;
}

.menu_settings_form .select_all_label {
    width: 200px;
}

.vertical_spacer_div {
    margin-top: 50px;
}

.row_right.dashboard_row_wide {
    width: inherit;
    margin-left: 20px;
}