@charset "utf-8";
body{
	background-color:#4288c3;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
}
#header{
	width:100%;
	background-color:#FFF;
	height:120px;
}
#innerheader{

	margin:auto;
	padding:0px;
	color:#FFF;
	width:100%;
	background-color:#4288c3;
	
}
#innerheader a{
	color:#FFF;
	text-decoration:none;
}
#innerheader a:hover{
	text-decoration:underline;
}
#menu-wrapper{background:#3D7BB6;  color:#fff;}
#menu-wrapper ul{list-style:none; margin:0; padding:0;}
#menu-wrapper ul li{float:left; position:relative;}
#menu-wrapper ul li a{display:block;  padding:5px 19px; border-right:1px solid #5863AE;  font-size:15px; text-decoration:none; color:#fff;}
#menu-wrapper ul li a:hover{background:#316FAA;}
#menu-wrapper ul li ul{position:absolute; display:none; left:0; top:24px; border:1px solid #4B91CC; border-top:none; border-bottom:none;}
#menu-wrapper ul li:hover ul{display:block; z-index:9999;}
#menu-wrapper ul li ul li{float:inheirt;  width:200px;}
#menu-wrapper ul li ul li a{ border-right:none; background:#3D7BB6; border-bottom:1px solid #4B91CC;}

#accdetails{background:#fff;}
#rnav{float:right; width:18%; background:#3D7BB6; padding:10px 0; color:#fff; font-size:14px; margin:5px;}
#rnav ul{list-style:none; margin:0; padding:0;}
#rnav a{text-decoration:none; color:#fff; display:block; padding:7px 17px;}
#rnav a:hover,.rnavactive{background:#316FAA;}

#smssenditem,#notes,#workbox{padding:10px; background:#EFEFEF; font-size:12px;}
#smssenditem h3,#notes h3,#workbox h3{color:#666666;}
#smssenditem td,#notes td,#workbox td{background:#fff;}
.notedate{display:block; padding:2px 10px; font-weight:bold;}
.notetime{display:block; color:#B2B2B2; padding:2px 10px;}
.notes{padding:4px;}
.notes code{word-break: break-all;}
#workbox th{background:#fcfcfc;}

.myButton {
	margin:4px;
	-moz-box-shadow:inset 0px 1px 0px 0px #7a8eb9;
	-webkit-box-shadow:inset 0px 1px 0px 0px #7a8eb9;
	box-shadow:inset 0px 1px 0px 0px #7a8eb9;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #637aad), color-stop(1, #5972a7));
	background:-moz-linear-gradient(top, #637aad 5%, #5972a7 100%);
	background:-webkit-linear-gradient(top, #637aad 5%, #5972a7 100%);
	background:-o-linear-gradient(top, #637aad 5%, #5972a7 100%);
	background:-ms-linear-gradient(top, #637aad 5%, #5972a7 100%);
	background:linear-gradient(to bottom, #637aad 5%, #5972a7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#637aad', endColorstr='#5972a7',GradientType=0);
	background-color:#637aad;
	border:1px solid #314179;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5972a7), color-stop(1, #637aad));
	background:-moz-linear-gradient(top, #5972a7 5%, #637aad 100%);
	background:-webkit-linear-gradient(top, #5972a7 5%, #637aad 100%);
	background:-o-linear-gradient(top, #5972a7 5%, #637aad 100%);
	background:-ms-linear-gradient(top, #5972a7 5%, #637aad 100%);
	background:linear-gradient(to bottom, #5972a7 5%, #637aad 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5972a7', endColorstr='#637aad',GradientType=0);
	background-color:#5972a7;
}
.myButton:active {
	position:relative;
	top:1px;
}

/* TextboxList sample CSS */
ul.holder { margin: 0; border: 1px solid #999; overflow: hidden; height: auto !important; height: 1%; padding: 4px 5px 0; }
*:first-child+html ul.holder { padding-bottom: 2px; } * html ul.holder { padding-bottom: 2px; } /* ie7 and below */
ul.holder li { float: left; list-style-type: none; margin: 0 5px 4px 0; white-space:nowrap;}
ul.holder li.bit-box, ul.holder li.bit-input input { font: 11px "Lucida Grande", "Verdana"; }
ul.holder li.bit-box { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #CAD8F3; background: #DEE7F8; padding: 1px 5px 2px; }
ul.holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
ul.holder li.bit-input input { width: auto; overflow:visible; margin: 0; border: 0px; outline: 0; padding: 3px 0px 2px; } /* no left/right padding here please */
ul.holder li.bit-input input.smallinput { width: 20px; }

/* Facebook demo CSS */
ul.holder { margin: 0 !important }
ul.holder li.bit-box, #apple-list ul.holder li.bit-box { padding-right: 15px; position: relative; z-index:1000;}
#apple-list ul.holder li.bit-input { margin: 0; }
#apple-list ul.holder li.bit-input input.smallinput { width: 5px; }
ul.holder li.bit-hover { background: #BBCEF1; border: 1px solid #6D95E0; }
ul.holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
ul.holder li.bit-box a.closebutton { position: absolute; right: 4px; top: 5px; display: block; width: 7px; height: 7px; font-size: 1px; background: url('../pics/close.gif'); }
ul.holder li.bit-box a.closebutton:hover { background-position: 7px; }
ul.holder li.bit-box-focus a.closebutton, ul.holder li.bit-box-focus a.closebutton:hover { background-position: bottom; }
/* Autocompleter */

.facebook-auto { display: none; position: absolute; background: #eee; z-index:1001;}
.facebook-auto .select_all_items {display: block; float: right;}
.facebook-auto .default { padding: 5px 7px; border: 1px solid #ccc; border-width: 0 1px 1px;font-family:"Lucida Grande","Verdana"; font-size:11px; }
.facebook-auto ul { display: none; margin: 0; padding: 0; overflow: auto; position:absolute; z-index:9999}
.facebook-auto ul li { padding: 5px 12px; z-index: 1000; cursor: pointer; margin: 0; list-style-type: none; border: 1px solid #ccc; border-width: 0 1px 1px; font: 11px "Lucida Grande", "Verdana"; background-color: #eee }
.facebook-auto ul li em { font-weight: bold; font-style: normal; background: #ccc; }
.facebook-auto ul li.auto-focus { background: #4173CC; color: #fff; }
.facebook-auto ul li.auto-focus em { background: none; }
.deleted { background-color:#4173CC !important; color:#ffffff !important;}
.hidden { display:none;}

#demo ul.holder li.bit-input input { padding: 2px 0 1px; border: 1px solid #999; }
.ie6fix {height:1px;width:1px; position:absolute;top:0px;left:0px;z-index:1;}


#workarea{font-size:12px; background:#fff; width:81%;}
#workarea h1{margin:0; padding:4px; color:#3f3f3f; font-size:23px;}
#workarea h1 span a{display:block; font-size:13px; color:#7B7B7B; text-decoration:none;}
#workarea h1 span a:hover{color:#3D7BB6;}
#workarea h3{font-size:16px; color:#333; margin:0; padding:3px 2px;}

.wrapperbox{  display:inline-block;padding:4px; margin:10px 4px; line-height:20px; border:1px solid #ccc; font-size:12px;}
.wrapperbox b{color:#4E4E4E;}
#workarea .wrapperbox h3{margin-top:-18px; background:#fff; font-size:14px; font-weight:normal; display:inline-block;}
.accounthandling-wrapper span{display:block; color:#B4B4B4;}
.even{background:#F7F7F7;}
.odd{background:#eaeaea;}

.deletenote{display:block; padding:9px 0;}
.deletenote:hover{background:#ccc;}

#editbox{background:#4288C3; height:0; position:fixed; bottom:0; left:0;  width:100%;}
#hosting-wrapper input[type='text']{width:550px; height:25px; }
#hosting-wrapper .myButton{padding:2px 6px;}
.editenabled,.editmode{display:none;}
#newnoteform,#noteedit{margin:10px; background:#fff; padding:10px;}

.warea{border:1px solid #ccc; margin:4px; padding:4px;  clear:left;}
#newresponciblemember select{width:150px; padding:4px;}
.editimg{height:20px; cursor:pointer;}

#marketaccwrapper input[type='text']{width:200px; height:25px;}

.warea{display:none;}
.curacbox{display:block;}

.wrapperbox .editboxgen input[type='text']{width:200px;font-size:11px;}
.wrapperbox .editboxgen{display:none;}
.wrapperbox .editbtngen{float:right; cursor:pointer; height:15px; margin:-12px;}

.attach a{display:block; padding:2px 10px; color:#316FAA; text-decoration:none;}
.attach a:hover{color:#F19D2B;}

#billnav{list-style:none; margin:0; padding:0; background:#E3E6E8; height:27px; padding:3px 3px 0 3px; border-bottom:1px solid #ccc;}
#billnav li{float:left; }
#billnav li a{display:block; padding:3px 10px; color:#333; text-decoration:none;}
#billnav li a.curbilltab{border:1px solid #ccc; border-bottom:none; position:relative; top:1px; background:#fff;}

#billwrapper .bilrap{display:none;}
#billwrapper .bilwrapnow{display:block;}

#acclist td,#acclist th{border-right:1px solid #C8C8C8;}
.rowhiglight{background:#D2DFDF; color:#EC3237;}
.rowhiglight td{border-bottom:1px solid #fff;}
.rowhiglight a{color:#EC3237; font-weight:bold; text-decoration:none;}
.rowhiglight a.myButton{color:#fff;}
.rowhiglight a:hover{color:#000;}

#footer{padding:20px 5px; color:#fff; font-size:12px;}

.selectbox{width:150px; padding:3px; margin:3px;}

.smsbox{clear:both; border:1px solid #999999; margin:5px; background:#fff; padding:10px; display:inline-block;}
.smsbox h5{margin:-10px; margin-bottom:5px; padding:5px; background:#316FAA; color:#fff;}
.smsbox textarea{border:1px solid #999999; width:473px;}
#smstextcount{display:inline; margin-left:30px;}
.safesms{color:#84EE96;}
.unsafesms{color:#D00B0C;}


.top-bar{background:#205E99; padding:0 5px; font-size:13px;}
.loginname{padding:5px; cursor:pointer; margin-right:164px; position:relative;}
.loginname ul{list-style:none; margin:0; padding:0; width:150px; display:none; position:Absolute; right:0; top:25px;}
.loginname ul li a{display:block; text-align:right; padding:3px 5px; background:#205E99; color:#fff; text-decoration:none;}
.loginname ul li a:hover{background:#316FAA; text-decoration:none !important;}
.loginname:hover ul{display:block;}

#notify{background-image:url(../images/notify.png); background-position:112px 0; height:20px; width:20px; 
margin:3px 10px; position:relative;
backround-repeat:no-repeat; display:block; float:right;}
#notify:hover{background-position:0 0;}
#notify.red{background-position:159px 0 !important;}
#notify span.red{padding:1px 3px; background:#F2020D; font-size:11px; position:absolute; top:-3px; right:-7px; display:block;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
#notify span.nonoti{display:none;}

a#notify:hover{text-decoration:none;}
.notifytable{font-size:12px;}
.notifytable td{padding:4px;}
.notifytable a{color:#205E99; text-decoration:none;}
.notifytable a:hover{color:#F5921D; text-decoration:underline;}

.profile{font-size:13px;}
.profile td{padding:5px;}
.msg{background:#F2020D; color:#fff; padding:5px;}


.workbox{padding:10px;}
.workbox select{padding:4px; width:200px; margin:5px;}
.workbox textarea{padding:4px; width:480px;  height:100px; margin:5px;}


.accountnamelink{text-decoration:none; font-weight:bold; color:#7B7B7B; font-size:13px;}
.accountnamelink:hover{color:#2B9346;}
.weburl{text-decoration:none; color:#7B7B7B; font-size:11px;}
.weburl:hover{color:#4288C3; text-decoration:underline;}
.comment td{background:#FFFFFC;}

.pagenos{background:#4288C3; color:#fff; margin:5px;}
.pagenos a{display:inline-block; padding:2px 5px; color:#fff; text-decoration:none;}
.pagenos a:hover{background:#262D63;}
.pagenos a.pgnow{background:#FF8018; padding:5px; margin:-3px 0;}

.warning{display:block; padding:4px; color:#fff; background:#F2020D; font-weight:bold;}
#workbox .comment td{background:#F7F7F7; padding:4px;}

.readed{background:#47CA82;}
.dtm{display:inline-block; padding:0 10px; float:left;}

.tocat{display:inline-block; padding:4px; background:#F3F3F3; margin:3px;}

.single_email{margin:10px; padding:10px; border:1px solid #E8E5D6;}
.single_email_head{margin:3px 0; }
.single_email_sendate{color:#909c9c; font-size:13px; font-style:italics; margin:2px;}
.sing_email_content{margin:4px; padding:4px; border:1px solid #E8E5D6; font-size:13px;	}
.single_email_to{padding:5px 0;}
.single_email_to span{padding:3px; margin:2px 3px; border:1px solid #ccc;diplay:inline-block;}

.viewed td{border-top:1px solid #F7F7F7;}

.wrkpriority{display:block; padding:2px; text-align:center; background:#e5e5e5; color:#000;}

.checkbx{background:#F0F0F0; padding:3px 5px; font-size:12px; margin:3px; display:inline-block;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}

.hidden{display:none;}



.appo1 td.appotype,.appo1 td.summery{border-right:5px solid #74DF00;}
.appo2 td.appotype,.appo2 td.summery{border-right:5px solid #D7DF01;}
.appo3 td.appotype,.appo3 td.summery{border-right:5px solid #FF0000;}
.appo4 td.appotype,.appo4 td.summery{border-right:5px solid #0B6121;}
.appo5 td.appotype,.appo5 td.summery{border-right:5px solid #084B8A;}
.appo6 td.appotype,.appo6 td.summery{border-right:5px solid #F7819F;}
.appo7 td.appotype,.appo7 td.summery{border-right:5px solid #2EFEF7;}

.colorcode ul li.appo1{background:#74DF00;}
.colorcode ul li.appo2{background:#D7DF01;}
.colorcode ul li.appo3{background:#FF0000;}
.colorcode ul li.appo4{background:#0B6121;}
.colorcode ul li.appo5{background:#084B8A;}
.colorcode ul li.appo6{background:#F7819F;}
.colorcode ul li.appo7{background:#2EFEF7;}

.colorcode ul{list-style:none; padding:3px;}
.colorcode ul li{float:left; margin:4px 1px; padding:3px 5px; color:#fff;}

.editattempt{
	margin:2px 3px;
	background:#E9F2FB;
	padding:4px;
}
.ok{
	color:#2A9247;
}
.editfollowupbox{
	display:none;
	border:1px solid #4288C3;
	padding:0.3em;
	color:#000;
	width:245px;
	background:#fff;
	box-shadow:0 0 3px #c8c8c8 inset;
}
.editfollowupbox td{
	border-right:0 !important;
}
.editfollowupbox.visiblebox{
	display:block;
}
.savefoloups{
	
}
.savefoloups:hover,.savefoloups:active{
	background:#FAC741;	
}
.accountlink{color:#000;}

.table.listtable td{
padding: 5px 3px;
}

.delon td{
text-decoration: line-through !important;
}
.otherteambucket a{
display:inline-block;
padding:3px 6px;
color:#fff;
font-weight:bold;
background:#3D7BB6;
text-decoration:none;
margin:3px 3px;}


/*
 * Search box
*/

@import url(http://fonts.googleapis.com/css?family=Cabin:400);

.webdesigntuts-workshop {
	background: #fff;
	height: 100%;
	text-align: center;
	width: 100%;
}

.webdesigntuts-workshop:before,
.webdesigntuts-workshop:after {
	content: '';
	display: block;	
	height: 1px;
	left: 50%;
	margin: 0 0 0 -400px;
	position: absolute;
	width: 800px;
}



.webdesigntuts-workshop form {
	background: #4288C3;
	background: -webkit-linear-gradient(#2d7396, #4288C3);
	background: -moz-linear-gradient(#2d7396, #4288C3);
	background: -o-linear-gradient(#2d7396, #4288C3);
	background: -ms-linear-gradient(#2d7396, #4288C3);
	background: linear-gradient(#2d7396, #4288C3);
	border: 1px solid #2d7396;
	border-radius: 5px;
	box-shadow: inset 0 0 0 1px #2d7396;
	display: inline-block;
	font-size: 0px;
	margin: 10% auto;
	padding: 20px;
	position: relative;
	z-index: 1;
	width:100%;
	max-width: 500px;
	min-width:300px;
}
.resulton .webdesigntuts-workshop form{
margin:10px auto;
}
.webdesigntuts-workshop input {
	background: #222;
	background: -webkit-linear-gradient(#333, #222);	
	background: -moz-linear-gradient(#333, #222);	
	background: -o-linear-gradient(#333, #222);	
	background: -ms-linear-gradient(#333, #222);	
	background: linear-gradient(#333, #222);	
	border: 1px solid #444;
	border-radius: 5px 0 0 5px;
	box-shadow: 0 2px 0 #000;
	color: #888;
	display: block;
	float: left;
	font-family: 'Cabin', helvetica, arial, sans-serif;
	font-size: 13px;
	font-weight: 400;
	height: 42px;
	margin: 0;
	padding: 0 10px;
	text-shadow: 0 -1px 0 #000;
	width:100%;
	max-width: 376px;
	min-width:200px;
}

.ie .webdesigntuts-workshop input {
	line-height: 40px;
}

.webdesigntuts-workshop input::-webkit-input-placeholder {
   color: #888;
}

.webdesigntuts-workshop input:-moz-placeholder {
   color: #888;
}

.webdesigntuts-workshop input:focus {
	-webkit-animation: glow 800ms ease-out infinite alternate;
	-moz-animation: glow 800ms ease-out infinite alternate;
	-o-animation: glow 800ms ease-out infinite alternate;
	-ms-animation: glow 800ms ease-out infinite alternate;
	animation: glow 800ms ease-out infinite alternate;
	background: #222922;
	background: -webkit-linear-gradient(#333933, #222922);
	background: -moz-linear-gradient(#333933, #222922);
	background: -o-linear-gradient(#333933, #222922);
	background: -ms-linear-gradient(#333933, #222922);
	background: linear-gradient(#333933, #222922);
	border-color: #393;
	box-shadow: 0 0 5px rgba(246, 146, 29,.2), inset 0 0 5px rgba(246, 146, 29,.1), 0 2px 0 #000;
	color: #F9911E;
	outline: none;
}

.webdesigntuts-workshop input:focus::-webkit-input-placeholder { 
	color: #F9911E;
}

.webdesigntuts-workshop input:focus:-moz-placeholder {
	color: #F9911E;
}

.webdesigntuts-workshop button {
	background: #222;
	background: -webkit-linear-gradient(#333, #222);
	background: -moz-linear-gradient(#333, #222);
	background: -o-linear-gradient(#333, #222);
	background: -ms-linear-gradient(#333, #222);
	background: linear-gradient(#333, #222);
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-o-box-sizing: content-box;
	-ms-box-sizing: content-box;
	box-sizing: content-box;
	border: 1px solid #444;
	border-left-color: #000;
	border-radius: 0 5px 5px 0;
	box-shadow: 0 2px 0 #000;
	color: #fff;
	display: block;
	float: left;
	font-family: 'Cabin', helvetica, arial, sans-serif;
	font-size: 13px;
	font-weight: 400;
	height: 40px;
	line-height: 40px;
	margin: 0;
	padding: 0;
	position: relative;
	text-shadow: 0 -1px 0 #000;
	width: 80px;
}	

.webdesigntuts-workshop button:hover,
.webdesigntuts-workshop button:focus {
	background: #292929;
	background: -webkit-linear-gradient(#393939, #292929);	
	background: -moz-linear-gradient(#393939, #292929);	
	background: -o-linear-gradient(#393939, #292929);	
	background: -ms-linear-gradient(#393939, #292929);	
	background: linear-gradient(#393939, #292929);
	color: #5f5;
	outline: none;
}

.webdesigntuts-workshop button:active {
	background: #292929;
	background: -webkit-linear-gradient(#393939, #292929);
	background: -moz-linear-gradient(#393939, #292929);
	background: -o-linear-gradient(#393939, #292929);
	background: -ms-linear-gradient(#393939, #292929);
	background: linear-gradient(#393939, #292929);
	box-shadow: 0 1px 0 #000, inset 1px 0 1px #222;
	top: 1px;
}

@-webkit-keyframes glow {
    0% {
		border-color: #393;
		box-shadow: 0 0 5px rgba(246, 146, 29,.2), inset 0 0 5px rgba(246, 146, 29,.1), 0 2px 0 #000;
    }	
    100% {
		border-color: #FE6633;
		box-shadow: 0 0 20px rgba(246, 146, 29,.6), inset 0 0 10px rgba(246, 146, 29,.4), 0 2px 0 #000;
    }
}

@-moz-keyframes glow {
    0% {
		border-color: #393;
		box-shadow: 0 0 5px rgba(246, 146, 29,.2), inset 0 0 5px rgba(246, 146, 29,.1), 0 2px 0 #000;
    }	
    100% {
		border-color: #FE6633;
		box-shadow: 0 0 20px rgba(246, 146, 29,.6), inset 0 0 10px rgba(246, 146, 29,.4), 0 2px 0 #000;
    }
}

@-o-keyframes glow {
    0% {
		border-color: #393;
		box-shadow: 0 0 5px rgba(246, 146, 29,.2), inset 0 0 5px rgba(246, 146, 29,.1), 0 2px 0 #000;
    }	
    100% {
		border-color: #FE6633;
		box-shadow: 0 0 20px rgba(246, 146, 29,.6), inset 0 0 10px rgba(246, 146, 29,.4), 0 2px 0 #000;
    }
}

@-ms-keyframes glow {
    0% {
		border-color: #393;
		box-shadow: 0 0 5px rgba(246, 146, 29,.2), inset 0 0 5px rgba(246, 146, 29,.1), 0 2px 0 #000;
    }	
    100% {
		border-color: #FE6633;
		box-shadow: 0 0 20px rgba(246, 146, 29,.6), inset 0 0 10px rgba(246, 146, 29,.4), 0 2px 0 #000;
    }
}

@keyframes glow {
    0% {
		border-color: #393;
		box-shadow: 0 0 5px rgba(246, 146, 29,.2), inset 0 0 5px rgba(246, 146, 29,.1), 0 2px 0 #000;
    }	
    100% {
		border-color: #FE6633;
		box-shadow: 0 0 20px rgba(246, 146, 29,.6), inset 0 0 10px rgba(246, 146, 29,.4), 0 2px 0 #000;
    }
}


.resulton .result{
border-top:1px solid #ccc;
padding:1em;
}

.highlight{
background:#F6911D;
color:#fff;
}