
/* Tamar Telecommunications control panel theme CSS */


a:not(.btn,header a,footer a){
	color:#382e62!important;
	text-decoration:none;
}

#main {
  background-color: transparent;
}

#topbanner {
  height: 138px;
}
#topbanner {
  margin-top: 20px;
  border-radius: 10px 10px 0 0;
  padding-bottom: 1px;
}

#topbanner,
#maincore,
#wrap {
  background-color: #fff;
}

div#wrap section article, div#maincore section article {
    padding-top: 0px;
}


#toptoolbar {
  background:#382e62;
  padding: 10px;
  border: 0px;
  margin-bottom: 0px;
}


 
a,
a:hover,
a:active,
a:visited {
    color: #900;
    text-decoration: underline;
}
a.btn-primary,
a.btn-primary:hover,
a.btn-primary:active,
a.btn-primary:visited,
a.btn-inverse,
a.btn-inverse:hover,
a.btn-inverse:active,
a.btn-inverse:visited {
    color: white;
    text-decoration: none;
}


footer,
#bottomfooter {
  background-color:474592 ;
  color: #999;
}

footer a,
footer a:active,
footer a:visited,
#bottomfooter a {
    color: #FFF;
    text-decoration: none;
}

footer a:hover,
#bottomfooter a:hover {
    color: white;
    text-decoration: underline;
}


fieldset#news h3,
fieldset#news h4 {
    color: #333;
    margin-top: 0px;
}






div#toptoolbar,
h1.toptoolbar,
h1.toptoolbar a, h1.toptoolbar a:hover, h1.toptoolbar a:visited, h1.toptoolbar a:active {
  color: white;
}

h1 {
  color: white;
}

#banner,#wrapper {
  background-color: white;
}

#phone-number {
  float: left;
  margin: 1px 0px 0px 60px;
  width: 161px;
  height: 22px;
  text-indent: -10000px;
  overflow: hidden;
  background: transparent url(http://www.tamartelecommunications.co.uk/sites/all/themes/tamar/images/phonenumber.png) no-repeat 0 0;
}

#footer {
  background-color: #5e5e5e;
  background-image: -moz-linear-gradient(top,#5e5e5e 0%,#3d3d3d 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#5e5e5e),color-stop(100%,#3d3d3d));
  background-image: -o-linear-gradient(#5e5e5e,#3d3d3d);
  filter:progid: DXImageTransform.Microsoft.gradient(startColorstr=#5e5e5e,endColorstr=#3d3d3d);
  color: #EEE;
}

#footer a,
#footer a:hover, #footer a:visited, #footer a:active {
    color: #eee;
}

#crumbtrail li:after,
#crumbtrail a {
  color: white;
}

#main-navigation a,
#tabs a {
  background-color: black;
  color: white;
}

#main-navigation a:hover,
#main-navigation .active a,
#main-navigation .active-trail a {
  background-color:#002f4d;
}

fieldset {
  border: 1px solid #d9dbe6;
  border-radius: 10px;
}
.msie fieldset {
  border-radius: 0px;
}
legend {
  color: #888;
}

h2.subheader {
  color: #666;
  padding-top: 0.3em;
}

img#company_logo {
    background-image: url('/images/logo.png');
    width: 306;
    height: 79;
}
img#header_telephone {
    background-image: url('/images/phonenumber2012.png');
    width: 193;
    height: 53;
}
div#contactus {
  padding-right: 30px; padding-top: 20px;
}

div.mainlogin {
    border: 5px solid #aaa;
    box-shadow: 3px 3px 3px #ccc;
}
@media (max-width:480px) {
    div.mainlogin {
        border: 1px solid #aaa;
    }

.homepage-icon #greetings,
.homepage-icon #switchboard,
.homepage-icon #whisper,
.homepage-icon #warning,
.homepage-icon #blocked,
.homepage-icon #holiday{
 margin-left:-3px!important;
 margin-right:5px!Important;
}

.homepage-icon #huntgroup{
        margin-left:-10px!important;
	margin-right:5px!Important;
	padding-right:0!important;
}


}


@media (max-width:979px) {


	.logged_in{
	    padding: 10px 15px!important;
	}

	footer li {
	    border-bottom: 0;
	}

}

@media (max-width:812px) {


	.configure-number-form a{
		width:100%!important;
		padding: 8px 0px;
		margin-top:10px;
	}

}


h2, h3, h4 {
  color: #666666;
}

table#activecalls {
    font-size: smaller;
	margin:0 0 30px 0!Important;
	width:100%;
}


header .row-fluid{
	height:100px!Important;
}

header .hidden-phone:nth-child(1),
header .hidden-phone:nth-child(3){
	display:none;
}


#tamar_logo{
	padding:19px;
}


.try-new-cp{
	display:none;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active,.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	background:#382e62!Important;
}


.ui-state-default:hover, .ui-widget-content .ui-state-default:hover, .ui-widget-header .ui-state-default:hover{
	background:#22184a!Important;
}

.ui-widget-content{
}


.alert-highlight {
    background-color: #e6ecff!Important;
    border: solid 1px #382e62!important;
}

.btn-inverse{
    background: #382e62!important;
    border-radius: 20px;
    border: 0;
    padding: 8px 17px;
}

.btn-red{
    background:none!Important;
    border-radius: 20px;
    border: 0;
    padding: 8px 17px;
color:#FF3B4E!Important;
	text-shadow: 0 0 black;
    box-shadow: none;
}

#query{
	height: 26px;
	border-top-left-radius: 20px!Important;
	border-bottom-left-radius:20px!important;
	text-indent:10px;
}


div#admin-login{
	padding:10px!important;
}

#admin-login .btn{
margin-top: -5px;
}


.span7{
	max-width:800px;
	width:100%;
}

.btn.active, .btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.ui-widget-header{
	background:#382e62!Important;
	border:0;
}

.tableinvoices{
	border-radius:5px!important;
	border:1px solid #d8d8d8;
}

.tableinvoices tr:first-child td{
	background:#382e62;
	color:#FFF;
}

.tableinvoices tr:first-child:hover td{
        background:#382e62;
        color:#FFF;
}


.btn, button{
	border:0!Important;
}

.tableinvoices table tr:first-child td:first-child{
	border-top-left-radius:5px;
}

.tableinvoices table tr:first-child td:last-child{
        border-top-right-radius:5px;
}

#number{
	height: 36px;
}


#huntingconfig{
	margin:0!important;
	width:100%;
}

#huntingconfig td{
	background:#f2f2f2!important;
}

.ui-widget-header{
	border:0!important;
}


.input-append .add-on:last-child, .input-append .btn:last-child, .input-append .btn-group:last-child > .dropdown-toggle {
    -webkit-border-radius: 0 20px 20px 0;
    -moz-border-radius: 0 20px 20px 0;
    border-radius: 0 20px 20px 0;
}

footer{
padding: 50px 20px!important;
}

.ui-accordion-header a{
        color:#FFF!Important;
}

#assign_close{
        display:none!Important;
}

input[name="description"]{
	width:60%;
}

#fromdate,#todate{
	margin-right:10px;
}

#stats-form #number{
	width:100%!Important;
}

#ui-datepicker-div .ui-state-active,
#ui-datepicker-div .ui-widget-content .ui-state-active, 
#ui-datepicker-div .ui-widget-header .ui-state-active, 
#ui-datepicker-div .ui-state-default, 
#ui-datepicker-div .ui-widget-content .ui-state-default, 
#ui-datepicker-div .ui-widget-header .ui-state-default{
	background:#FFF!important;
	text-align:center;
	border-radius:3px;
}

#ui-datepicker-div .ui-state-highlight,
#ui-datepicker-div .ui-widget-content .ui-state-highlight,
#ui-datepicker-div .ui-widget-header .ui-state-highlight {
    border: 1px solid #ff3b4e!important;
	background: #ffe7e9!important;
}

.ui-datepicker-header .ui-state-hover{
	background:#2b2252 !Important;
}

.openhours input[type="text"]{
	padding: 7px 6px!Important;
}

select[name="closed_voicemail"],
.input-append #voicemail,
.greeting-select-box:not(#greeting){
	border-top-right-radius:0!Important;
	border-bottom-right-radius:0!Important;
}

.controls input[type="number"]{
border-radius: 20px!important;
    text-align: center;
    padding: 8px;
    text-indent: 14px;
}

[name$="_queue"],
[name$="_autoattendant"]{ 
	border-radius:20px!Important;
}


[name="closed_voicemail"]{
	width:60%;
}


.ui-dialog button{
background: #FF3B4E!important;
    border-radius: 20px;
    border: 0;
    padding: 8px 17px;
	color:#FFF;
}

.ui-dialog-titlebar{
	display:none!Important;
}

[name$="_destination"]{
        width:65%!Important;
}

.pre-defined-holiday-select #pre-def{
	height:34px;
}


@media (max-width:768px) {


#addRow #add{
	width:100%!important;
	margin:0 15px!Important
}

#save-changes{
	width:100%!Important;
	margin:0 15px!important;
}

.aa button{
	padding-top:5px!Important;
}

.virtual-switchboard-licences-info{
width: 100%;
    float: left;
    padding: 10px 0;
    text-indent: 15px;
    margin-top:0!Important;
}

.openhours{
	width:96%;
}


#help{
	display:none;
}

#autoattendant-form select, 
#voicemail-form select,
#huntgroup-form select,
.closed_voicemail_fieldset select,
#auto-form select,
#auto-form input:not([type="checkbox"]),
#holiday-admin-div select,
.open-hours-fieldset select{
	width:100%!important;
	height:40px!Important;
	padding:0!important;
	text-indent:15px;
	border-radius:20px!Important;
}

#greetinglink,
#closed_voicemail-edit,
#holiday-admin-div #create,
#create-holiday input,
#configure-holiday button{
	float:left;
	width:100%;
	border-radius:20px!Important;
	margin:10px 0!important;
}

#voicemail-form button{
        width:100%;
	margin:10px 0;
	padding:10px 0;
}

#blacklist input{
	width:80%!important;
}

img.hide-me-new{
display:none;
}

.method-of-notification #save-changes,
#configure-holiday #save-changes{
	margin:0 auto!Important;
}

.configure-number-form .input-append{
	width:100%!important;
}


.btn{
padding: 10px 0!important;
}

input[type="text"]{
	text-indent:15px!Important;
}


footer .logged_in{
margin-left: 15px!Important;
    padding: 20px 0!important;
}

input[type="text"],
input[type="password"]{
	font-size:16px;!Important;
}

	#edit-submit{
	margin-left: 0!important;
    width: 100%;
    margin: 0;
    background: #ff3b4e;
    padding: 10px;
    border-radius: 20px;
	}

#mainlogin h2 {
    text-align: center;
    font-size: 30px;
}

.mainlogin .controls a{
margin-bottom:15px!Important;
float:left;
	text-align:center;
}


.mainlogin input[type="text"],
.mainlogin input[type="password"]{
border-radius: 20px!important;
    text-indent: 15px!important;
    padding: 10px 0!Important;
	width:100%;
}

footer li{
	width:100%;
        border-left:0!Important;
        margin:0!Important;
	padding:10px 0!important;
	font-size:15px;
	border-bottom: 1px solid #444444;
	line-height:23px!important;
}

footer li a {
	float:left;
}

footer .pull-right{
	margin-left:0!important;
}

footer .pull-right small{
	font-size:100%!important;
	line-height:20px;
}


#crumbtrail,.toptoolbar{
	padding-left:5px!important;
}


.Xspan9 input,
.Xspan9 button{
	width:100%!important;
	float:left;
}

.Xspan9 input{
	border-radius:20px!Important;
	padding:8px 0!important;
	margin-bottom:15px;
}

.Xspan9 button{
	border-radius:20px!Important;
}

.Xspan9 a{
float: left;
    width: 100%;
    padding: 8px 0;
    border-radius: 20px;
    border: 0!important;
    background: #667fd3;
}


.Xspan9 form{
	text-align:center;
}


#accordion h3{
	background:#474952!Important;
	padding: 5px 0;
}

#accordion ul{
	margin:0!important;
}

#accordion li{
	list-style-type:none!Important;
    padding: 10px 0;
    border-bottom: 1px solid #eaeaea;

}

#toptoolbar{
margin-top:-12px;
}

.ui-accordion-content{
	padding-left:15px!Important;
}

#tamar_logo{
	padding-bottom:0!Important;
}

#tamar_logo img{
    height: 50px;
}

.toptoolbar a{
	font-size: 20px;
	margin-top:-8px!Important;
}

#telephone,
.subheader,
#statistics-small,
.alert-number-administration{
	display:none!Important;
}

#service input,
#service select,
#divertto input{
	width:100%!important;
	margin-bottom:10px;
}

#simplents{
	padding: 8px 0!important;
	margin-top:10px;
}

table#nts-advanced-services td {
	float:left;
	width:100%;
	padding-left:0;
	padding-right:0;
}

#holiday-form #holiday{
	width:100%;
}

#holiday-form [type="submit"]{
	width:100%!important;
	margin:10px 0 0 0;
}

#holiday-config-form #huntgroup,
#holiday-config-form #huntgroup-edit,
#configure-holiday #save-changes{
	width:100%!important;
	margin-bottom:10px;
	padding:10px 0;
}

#configure-holiday .pull-right{
	width:100%;
}

#holiday-fieldset input{
	width:100%;
	padding:10px 0!Important;
	margin-top:10px;
	
}	

#holiday-form-delete [name="btnSubmit"]{
margin:10px 0!Important;
}

table#nts-advanced-services .btn-green,
#create{
	border:0;
	background:#ff3b4e;
	color:#FFF;
	border-radius:20px;
	padding:8px 0!Important;
	width:100%;
	height:40px;
}

table#nts-advanced-services a,
#greeting,
#config-greeting input{
	width:100%!Important;
	padding:8px 0!Important;	
}

#huntgroup-delete-form, .btn-red{
	width:100%!important;
margin-bottom:10px!important;
}

ul#crumbtrail a {
    font-size: 11px;
}

.greetings-fieldset input[type="submit"],
#edit{
width:100%;
margin:10px 0;
}

.btn-red{
border:1px solid #ff3b4e!Important;
}

ul#crumbtrail{
	padding-left:0!Important;
}

#huntingconfig thead,
.hunting tr:nth-child(1),
.hunting tr:nth-child(2){
	display:none!Important;
}


#huntingconfig {
	overflow:scroll!Important;
}

#huntingconfig td,
#huntingconfig td input,
.hunting td,
.hunting td input,
.hunting .search
.hunting input[name*="_description"]{
	float:left!Important;
	width:100%!important;
	padding:8px 0!important;
}


#huntingconfig input[type="time"] {
    width: 80% !important;
    margin:0 10px;
}



input[name*="_sun"]:before {
	content:"Sunday";
	position:relative;
	left:10px;
}

input[name*="_mon"]:before {
        content:"Monday";
        position:relative;
        left:10px;
}

input[name*="_tue"]:before {
        content:"Tuesday";
        position:relative;
        left:10px;
}

input[name*="_wed"]:before {
        content:"Wednesday";
        position:relative;
        left:10px;
}

input[name*="_thu"]:before {
        content:"Thursday";
        position:relative;
        left:10px;
}

input[name*="_fri"]:before {
        content:"Friday";
        position:relative;
        left:10px;
}

input[name*="_sat"]:before {
        content:"Saturday";
        position:relative;
        left:10px;
}


#huntingconfig .up,
#huntingconfig .down,
.order,
.updown{
	display:none;
}



.homepage-group #huntgroup{
}


.homepage-group #fax,
.homepage-group #voicemail{
}

.homepage-icon#huntgroup{
	margin-left:-10px!important;
}



}
