@charset "utf-8";
/* Visual Admin */

/* IMPORT  THE 960 GRID SYSTEM CSS FILE*/
@import url("960-new.css");

/* 	IMPORT OUR THEME - CHANGE TO TEH THEME YOU 
    WISH TO USE OR REFER TO THE HELP FILE FOR HELP ON CHANGING THEMES */

@import url("theme/blue.css");
.dropdown-menu li {
    margin:0;
}
.pngfix	{}	/* ---  JUST FOR IE6 - ADD THIS CLASS TO ANY 
                    TRANSPARENT IMAGE (PNG FILE) TO GET IT TO WORK IN IE6 ------- */

/* ---------------------------------------------------
        TYPOGRAPHY STYLES (generic typography)
-------------------------------------------------- */
body 				{ font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 12px; color: #999999;}
p					{ color: #999; line-height: 18px }

li					{ color: #999999;}

h1,h2,h3,h4,h5,h6	{ color: #777; font-weight: bold; padding: 8px 0px 8px 0px; margin: 0px;}
h2 		 			{ font-size: 20px; font-weight: normal;}
h3,h5,h6 					{ border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; 
                margin: 12px 0px 12px 0px; color: #555555; font-size: 18px; font-weight: normal;}
h5 { font-size: 14px;  margin: 0; }
h6 { font-size:14px; margin: 12px 0 12px 0;    }
ol 					{ list-style-type: lower-roman;}
dt 					{ font-weight: bold;text-decoration: underline;font-size: 14px;margin-top: 5px;margin-bottom: 5px;} 
dd 					{ font-size: 12px;color: #666666;padding: 5px 0px 10px 10px;margin: 0px 0px 0px 10px; }

blockquote 			{ margin:22px 40px; color:#575757; padding: 0px 50px; background: transparent url("../images/blockquote.gif") no-repeat 0 0; }
img.icon {
    margin-bottom:-3px;
}
.open_price {
    cursor:pointer;
    text-decoration:underline;
}
/* ----------------------------------------
        ADMIN (index.html)
------------------------------------------- */

#admin-wrapper 				{ width: 200px; margin: 100px auto 50px auto; padding: 0pc;}
#admin-wrapper #logo h1 	{ color: #333333; padding: 0px; margin: 0px 0px 10px 0px;}


/* ----------------------------------
        LOGO
------------------------------------- */
#logo h1 					{ font-size: 36px; font-weight: normal; letter-spacing: -3px; color: #fff; padding: 10px 0px 10px 0px;  text-shadow: 1px 1px 3px #900;  }

/* -------------------------------------
        HEADER
---------------------------------------- */

#header						{
    background-repeat: repeat-x;
    background-image: url(../images/header_highlighter.png);


    *position:relative; 		z-index:2;
    margin-bottom: 15px;
}

/* ---------------------------------------
        USER PANEL
----------------------------------------- */
#user_panel 				{
    margin-top: 20px;
    height: 30px;
    line-height: 30px;
    text-align: right;
}
#user_panel ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
#user_panel ul li {
    padding: 0px;
    margin-top: 0px;
    margin-right: 5px;
    margin-bottom: 0px;
    margin-left: 5px;
    display: inline;
}
#admin-wrapper h2 			{ text-transform: uppercase; font-size: 14px; font-weight: bold; padding: 0px; margin: 7px 0px 7px 0px;}

#user_panel a:hover 		{ text-decoration: underline; color: #f4f4f4; }

#content				{ *position:relative;z-index:1; }

/* -------------------------------------------
        NOTIFICATIONS
-------------------------------------------- */

.notification {
    line-height: 30px;
    cursor: pointer;
    clear: both;
    min-height: 30px;
    margin: 8px 0px 8px 0px;
    padding: 20px 25px 10px 60px;
    -moz-border-radius:4px;
    -webkit-border-radius: 4px;
}


.notification strong 	{ margin-right: 5px;}
.notification p 		{
    font-size: 11px;
    padding: 0px;
    margin: 0px;
    color: #333333;
}
.message p {
    font-size: 11px;
}


.warning {
    background-image: url(../images/32X32/error.png);
    background-position: 15px center;
    background-repeat: no-repeat;
    border: 2px solid #FFC237;
    background-color: #FFEAA8;
    color: #826200;
}
.success {
    background-image: url(../images/32X32/accept.png);
    background-position: 15px center;
    background-repeat: no-repeat;
    border: 2px solid #99C600;
    background-color: #EFFFB9;
    color: #3C5A01;
}

.failure {
    background-image: url(../images/32X32/exclamation.png);
    background-position: 15px center;
    background-repeat: no-repeat;
    border: 2px solid #EB5339;
    background-color: #FCCAC2;
    color: #AC260F;
}

.information {
    background-image: url(../images/32X32/information.png);
    background-position: 15px center;
    background-repeat: no-repeat;
    border: 2px solid #418ACC;
    background-color: #D0E4F4;
    color: #235685;
}

.lightbulb {
    background-image: url(../images/32X32/lightbulb.png);
    background-position: 15px center;
    background-repeat: no-repeat;
    border: 2px solid #D3A350;
    background-color: #FEF0CB;
    color: #835F21;
}

.messages {
    background-image: url(../images/32X32/email.png);
    background-position: 15px center;
    background-repeat: no-repeat;
    border: 2px solid #42B4FF;
    background-color: #9DDFFF;
    color: #835F21;
}


/* ---------------------------------------
        TABLE STYLING
----------------------------------------- */

td 			{ padding: 7px; text-align: left;}
th 			{ color: #333333; text-align: left; background-color: #EBEBEB; padding: 7px;
        border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999999;}
th a {
    text-decoration:none;
    color:#222;
}
thead tr th {
    cursor:pointer;
}
/* ---------------------------------------
        SEARCH FORM
--------------------------------------- */

#search  		{ margin-bottom: 8px;}
#search p 		{ margin: 0px; padding: 0px;}
#search form 	{ float: right; text-align: right;}


/* ---------------------------------------
        FORM ELEMENTS
---------------------------------------- */

label {
    font-size: 12px;
    color: #666666;
    margin-right: 10px;
    font-family: Tahoma, Arial, Verdana, sans-serif;
    font-variant: normal;
    text-transform: uppercase;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 5px;
    padding-left: 0px;

}

input.text, textarea.text {
    width: 35%;
    border: 1px solid #BFBFBF;
    font-size: 13px;
    color: #222;
    padding: 5px;
    vertical-align: middle;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    margin-top: 15px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}
form input.text, textarea.text {

  /*  margin-top: 9px;
    margin-bottom: 4px;*/
}
form input.text.button_text {
    margin-top:0;
    margin-bottom:5px;
}
textarea {

    border: 1px solid #BFBFBF;
    font-size: 13px;
    color: #222;
}


input:focus, textarea:focus	{ background-color: #F2F2F2; }

input.text.date 		{ width: 20%;}
input.text.medium 		{ width: 65%;}
input.text.big			{ width: 95%;}

input.radio,
input.checkbox 		{ vertical-align: middle;}

input.file {
    width: 250px;
    height: 20px;
    background: #fefefe;
    border: 1px solid #bbb;
    border-right: 0;
    font-size: 13px;
    color: #333;
    padding: 4px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
}


input.submit.special	{ background-color: #000000; }

input.submit:hover 		{ text-decoration: underline; background-color: #333333;}
.select, select					{ padding: 2px; margin: 5px 5px 5px 0px;}
.select2					{ padding: 2px; margin: 9px 5px 4px 0px;}

/* -----------------------------------
        FOOTER
------------------------------------ */

#footer 						{ text-align: center; font-size: 11px; margin-top: 12px; margin-bottom: 12px;}
#info {
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
}
.message h4 {
    font-size: 15px;
}
.message small {
    font-size: 12px;
    font-weight: normal;
    font-style: italic;
}

div.wysiwyg ul.panel li a.justifyFull { background-position: -48px 0; }


/* ----------------------------
        WYSIWYG EDITOR
------------------------------ */

div.wysiwyg {
    border: 1px solid #bbb;
    padding: 0;
    background-color: #fefefe;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 880px !important;
}
#message {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
    margin-bottom: 10px;
}


div.wysiwyg * { margin: 0; padding: 0; outline: none; }

div.wysiwyg ul.panel {
    border-bottom: 1px solid #cccccc;
    float: left;
    width: 875px;
    padding: 5px;
    margin: 0;
}

div.wysiwyg ul.panel li { list-style-type: none; float: left; padding: 0; margin: 2px 2px 3px 0;  background: #ffffff; height: 16px; overflow: hidden; }
div.wysiwyg ul.panel li.separator { height: 16px; margin: 3px 4px 0; border-left: 1px solid #cccccc; }
div.wysiwyg ul.panel li a { text-indent: -5000px; opacity: 0.85; filter:alpha(opacity=85); display: block; width: 16px; height: 16px; background: url('../images/jquery.wysiwyg.gif') no-repeat -64px -80px; border: 0; cursor: pointer; padding: 0; margin: 1px; }
div.wysiwyg ul.panel li a:hover, div.wysiwyg ul.panel li a.active { opacity: 1.00; filter:alpha(opacity=100); }
div.wysiwyg ul.panel li a.active { background-color: #f9f9f9; border: 1px solid #cccccc; border-left-color: #aaaaaa; border-top-color: #aaaaaa; padding: 0; }

div.wysiwyg ul.panel li a.bold { background-position: 0 -17px; }
div.wysiwyg ul.panel li a.italic { background-position: -16px -17px; }
div.wysiwyg ul.panel li a.strikeThrough { background-position: -32px -17px; }
div.wysiwyg ul.panel li a.underline { background-position: -48px -16px; }

div.wysiwyg ul.panel li a.justifyLeft { background-position: 0 0; }
div.wysiwyg ul.panel li a.justifyCenter { background-position: -16px 0; }
div.wysiwyg ul.panel li a.justifyRight { background-position: -32px 0; }

div.wysiwyg ul.panel li a.indent { background-position: -64px 0; }
div.wysiwyg ul.panel li a.outdent { background-position: -80px 0; }


div.wysiwyg ul.panel li a.subscript { background-position: -64px -16px; }
div.wysiwyg ul.panel li a.superscript { background-position: -80px -16px; }

div.wysiwyg ul.panel li a.undo { background-position: 0 -63px; }
div.wysiwyg ul.panel li a.redo { background-position: -16px -65px; }

div.wysiwyg ul.panel li a.insertOrderedList { background-position: -32px -48px; }
div.wysiwyg ul.panel li a.insertUnorderedList { background-position: -16px -48px; }
div.wysiwyg ul.panel li a.insertHorizontalRule { background-position: 0 -48px; }

div.wysiwyg ul.panel li a.h1 	{ background-position: 0 -32px; }
div.wysiwyg ul.panel li a.h2 		{ background-position: -16px -32px; }
div.wysiwyg ul.panel li a.h3 		{ background-position: -32px -32px; }
div.wysiwyg ul.panel li a.h4 		{ background-position: -48px -32px; }
div.wysiwyg ul.panel li a.h5 		{ background-position: -64px -32px; }
div.wysiwyg ul.panel li a.h6 		{ background-position: -80px -32px; }

div.wysiwyg ul.panel li a.cut 				{ background-position: -32px -64px; }
div.wysiwyg ul.panel li a.copy 				{ background-position: -48px -64px; }
div.wysiwyg ul.panel li a.paste 			{ background-position: -64px -64px; }

div.wysiwyg ul.panel li a.increaseFontSize 	{ background-position: -16px -80px; }
div.wysiwyg ul.panel li a.decreaseFontSize 	{ background-position: -32px -80px; }

div.wysiwyg ul.panel li a.createLink 		{ background-position: -80px -48px; }
div.wysiwyg ul.panel li a.insertImage 		{ background-position: -80px -80px; }

div.wysiwyg ul.panel li a.html 				{ background-position: -47px -46px; }
div.wysiwyg ul.panel li a.removeFormat		 { background-position: -80px -64px; }

div.wysiwyg ul.panel li a.empty				 { background-position: -64px -80px; }

div.wysiwyg iframe { border: 0; clear: left; margin: 0; width: 918px !important; }


.form_actions {
    margin-top: 10px;
}
/*
AB Styles
*/
.contact-move, .branch-move, .handle {
    cursor: move;
}    
.edit_branch_trigger, .edit_firm_trigger, .edit_contact_trigger, .view_email_trigger, .campaign_attach_trigger, .edit_custom_data_trigger, .contact_attach_trigger {
    cursor: pointer;
    text-decoration: underline;
}
.verify_contact_trigger, .verify_branch_trigger, .verify_firm_trigger{
    cursor: pointer;
}
.field_cell {
    font-weight:bold;
}

.table_hover_action {
    position:absolute;
    right:5px;
    top:35px;
    /*border-radius:3px;
    border:1px solid gainsboro;
    background:#ccc;
    opacity:0.8;*/
}

tr.sitevisit_note td {
    background:#EFFFB9;
    color:#444;
}
tr.standard_note td {

}
tr.won_quote td {
    background:#cFFFa9;
    color:#444;
}
tr.past_holiday td {
    background:#FFcFa9;
    color:#444;
}
tr.open_quote td {

}
tr.closed_quote td, tr.lost_quote td {
    background:#FFcFa9;
    color:#444;    
}
tr.telesales_note td {

    background:#AAAAEE;
    color:#222;
}


/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }


.diary_calendar {

}
.diary_calendar td {
    width:300px;
    height:80px;
    padding:0; 
    vertical-align:top;
    border-right:5px solid #fff;
    border-bottom:5px solid #fff;
}
.diary_calendar td h1 {
    background-color:#258CD1;
    color:#fff;
    font-weight:bold;
    width:100%;
    font-size:8pt;
    margin:0;
    padding-left: 5px;
}

.diary_calendar td h1.today {
    background-color:#D12222;
}
.diary_calendar td div {
    background-color:#eeeeee;
    height:80px;
    padding: 5px;
    font-size:8pt;
}
.diary_calendar tr:hover td div {
    background-color: #dddddd;
}
.diary_calendar tr:hover td h1 {
    background-color: #157Cc1;
}
.diary_calendar tr:hover td h1.today {
    background-color: #900;
}
.diary_calendar tr td:hover h1.today {
    background-color: #900;
}
.diary_calendar tr td:hover div {
    background-color: #f5f5f5;
}
.diary_calendar tr td:hover h1 {
    background-color:#359Ce1;
}
.diary_calendar td.blank, .diary_calendar td div.blank {
    background-color:#eee;
}
.diary_calendar td div.highlight_month_start {
    border-left: 5px solid #0066aa;
}

ul.no_icon {
    list-style-type: none;
}
.matches_list {
    list-style-type: none;
    margin-bottom:0;

}

.matches_list li input {
    width:99%;
}
.matches_list li {
    word-wrap: nowrap;
    border:1px solid #ccc;
    background: #ddd;
    margin:2px;
    color:#000;
    padding:3px;
    vertical-align:middle;
}

.matches_list li .delete_match, .matches_list li .delete_size, .matches_list li .toggle_match_quality {
    float:right;
    cursor:pointer;
}
table.board_list tr {
    border-top: 1px solid #ccc;
}

table.board_list tr td:first-child {
    font-weight:bold;
}