fieldset {
border:1px solid #aaa;
padding:15px;
margin-right: 15px;
margin-bottom: 15px;}

legend {
font-weight: bold;
font-size: 15px;
background-color: gray;
-moz-border-radius: 8px;
padding: 2px 20px;
color: white;}

#header .logo {
padding-top: 0px;}

.inner label {
float:left;
text-align: right;
margin-right: 8px;
color: #777;
width: 145px;}

div.dashNameLimit, td.dashRef {
width: 110px;}

div.dashEmailLimit {
min-width: 300px;
max-width: 400px;}

div.dashTaskLimit {
min-width: 410px;
max-width: 510px;}

td.dashFiles {
width: 150px;
}

div.dashNameLimit, div.dashTaskLimit, div.dashEmailLimit {overflow: hidden;}

div.dataTable div div {
float:left;
width:100px;
padding: 10px;
margin-right: 2px;
background-color: white;
min-height: 14px;
}

div.dataTableRow, div.dataTableHeader {
margin-bottom: 2px;
float:left;
clear:left;}

div.dataTableHeader>div {
background-color: #eee !important;
font-weight: bold;
}

div.dataTable input, div.dataTable textarea { width: 80px;}


.w50 {width: 50px !important; }
.w75 {width: 75px !important; }
.w100 {width: 100px !important; }
.w125 {width: 125px !important; }
.w150 {width: 150px !important;}
.w170 {width: 175px !important;}

div.foundPages {
margin:5px 0;}

.foundPages a {
margin: 0 2px;}

.foundPages a.current {
text-decoration:underline !important;
font-weight: bold;}

.notValid {
background-color: yellow;}

.taskItem {
border: 1px solid #ccc;
padding: 3px;
margin: 2px 0;}

a.rightArrowButton {
display:block;
width: 100px;
padding: 15px 60px 15px 10px;
border: 1px solid black;
margin: 3px;
background-image: url('../images/arrow-right.png');
background-position: 129px 50%;
background-repeat: no-repeat; }

a.leftArrowButton {
display: block;
width :100px;
padding: 15px 10px 15px 60px;
border: 1px solid black;
margin: 3px;
background-image: url('../images/arrow-left.png');
background-position: 7px 50%;
background-repeat: no-repeat; }

a.rightArrowButton:hover, a.leftArrowButton:hover {
background-color: white;}

#sidebar td, #sidebar th {
padding: 3px 5px;
border-bottom: 1px solid #ccc;}


td button {
margin: 5px 0;
}

.green {color: #009F16;}
.red {color :#8f0000;}
.blue {color: blue;}
.deepRed {color: #470000;}

.taskItem a.action {
background:url("/images/link_arrow.png") no-repeat scroll 0 0 transparent;
margin-left: 15px;
padding-left: 15px;}

.ui-datepicker { z-index: 9999}

.task label {
float: left;
margin-right: 5px;
text-align: right;
font-weight: normal;
text-transform: uppercase;
font-size: 8px;
padding-top: 3px;
color: #888; }

.task table {
width: 100%;
}

.task textarea {
width: 97%;
}

.taskEmail label {
width: 62px;}

.taskSchedule label {
width: 45px;}

.task td {
padding: 10px 3px 3px 5px;
vertical-align: top; }

.makeButton {cursor: pointer;
text-decoration: underline; }

td.section {
font-size: 12px;
font-weight:bold;
padding: 7px;
text-align: right;
background-color: rgba( 0,0,0,0.1);
text-transform: uppercase;
vertical-align: top; }

.ui-dialog {
-moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
}

button.graphicBtn, a.graphicBtn {
display: block;
float:left;
background: none no-repeat;
border: 1px solid white;
cursor: pointer;}

button.graphicBtn:hover {
border: 1px solid #799A1D;}

.recordLink, .assignedLink, .flagToggle {
cursor: pointer;}

.qMsg {
color: #999;
overflow: hidden;
height: 16px;
max-width: 650px;
display:block;}

.bold {
font-weight: bold;}

.font13 {
font-size: 13px;}

.createTaskButtons a{
margin-right: 20px; }

.nowrap {
display: block;
white-space: nowrap;}

.title p {
padding: 15px 15px 0 0;
color: #ccc;
float: right;}

.title p a {
color: white;
text-decoration: underline;
margin-left: 10px;}

#content table tbody tr td table tbody tr td {
border-bottom: none;}

#content table tbody tr td table tbody tr td table tbody tr td {
border-right: 1px solid #bbb;}

#content table.eventsList tbody tr td {
padding: 2px 7px;}

#content table.eventsList tbody tr td table tbody tr td {
padding: 2px 7px;}

#content table tbody tr.noBorder td {
border-bottom: none;}

#content table tbody tr.alignTop td {
vertical-align: top; }

div.rollShow {
overflow: hidden;
height :10px;
padding: 0px 10px 3px 0px;
background-color: rgba(255,255,255, 0.3);
}

div.rollShow :first-child {
font-size: 10px;}

th {
background-color: rgba(0,0,0,0.1);
padding: 2px 4px;}

.a_down {
    background-image: url("../images/arrow_down.gif");
    cursor: pointer;
}

.a_rt {
    background-image: url("../images/arrow_right.gif");
    cursor: pointer;
}

.arw {
    height: 14px;
    width: 14px;
    position: absolute;
    left: -15px;
}

.width100 {
width: 100px;}

.addRec {
	float: left;
	width: 18px;
	height: 17px;
	cursor: pointer;
	margin-right: 8px;
	position: relative;
	background-image: url("../images/new_icon.png");
	background-repeat: no-repeat; 
}

.newList {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display:none;
position:absolute;
z-index:10;
left: 15px;
top: -2px;
background-color: white;
padding: 3px 5px;
border: 1px solid #bbb;}

a.TaskDelete, a.HomeTaskDelete {
float:left;
width: 18px;
padding: 1px;
margin-right: 8px;}

a.taskAction {
float:left;
clear:left;
margin-right: 8px;
margin-bottom: 4px;
margin-left: 0;
padding: 2px 4px;
white-space: nowrap;}

tr.highlight:hover, tbody.highlight:hover, .directhighlight {
background-color: #fffbbf;
cursor: pointer;
}

.editorBox {
background-color: rgb(255,0,0);
background-color: rgba(255,0,0, .4);
position: absolute;
}

.editorBoxCurrent {
border: 1px solid #f00;}

.editorBoxCurrBuild {
width: 100%;
height: 100%;

position: relative;}

.ebcMove {
margin: 2%;
width: 96%;
height: 96%;
cursor: move;
position: absolute;
}

.ebc1, .ebc2, .ebc3, .ebc4 {
position: absolute;
border: 1px solid #fff;
background-color: #000;
width: 6px;
height: 6px;}

.ebc1 {
cursor: NW-resize;
top: -3px;
left: -3px;}

.ebc2 {
cursor: NE-resize;
top: -3px;
right: -3px;}

.ebc3 {
cursor: SW-resize;
bottom: -3px;
left: -3px;}

.ebc4 {
cursor: SE-resize;
bottom: -3px;
right: -3px;}

.editorBoxPopup, .editorBoxPreview {
border: 1px solid #ccc;
background-color: #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 5px 8px;
position: absolute;
left: 50px;
top: 0;
z-index:9999;
}

.editorBoxPreview {
display: none;
}

div.ebpi {
position: relative;}

.editorBoxPopup label {
width: 100px;}

.editorBoxTriangle {
position: absolute;
top: -1px;
left: -20px;
width: 16px;
height: 22px;
background-image: url("../images/ebTriangle.png");
}

.editorBoxControl {
position: absolute;
top: -33px;
left: -9px;
}

.editorBoxPos {
position: absolute;
overflow: hidden;
width: 100%;
height: 100%}

.editorBoxPos table {
width: 100%;
height: 100%;}

.editorBoxPos td {
font-weight: bold;
font-size: 28px;
text-align: center;}

.editorBoxLocationCustom {
display: none;}

.storeList {
vertical-align: middle;
white-space: nowrap;}

.small {
font-size: 9px;}

.taskSideBarEmailBody {
display:block;
overflow: hidden;
max-height: 36px;}

.taskSideBarFiles {
background-image: url('/images/paperclip-icon.png');
background-repeat: no-repeat;
background-position: 2px 4px; }

.light {color: #aaa;}

a.actionLink {
    border: 1px solid #FFFFFF;
    display: block;
    margin-bottom: 8px;
    padding: 2px 5px;
    text-align: center;
    white-space: nowrap;}

.notesBox {
position: relative;}

.notesBox div {
display: none;
position: absolute;
border: 1px solid #bbb;
border-radius: 4px;
z-index: 999;
top: 10px;
left: 25px;}

.notesBox textarea {
width: 125px;
height: 75px;
z-index: 50;
margin: 5px;
}

.notesBox img {
display:block;
left: 30px;
position: absolute;
top: -14px;
cursor: pointer;}