body{
color:#000;
font-size:12px;
font-family:helvetica,arial;
}

section,header,footer,nav{display:block;}

.clear{
clear:both;
    }

.fraction{
font-size:67%;
vertical-align:middle;
}

.fraction sup,.fraction sub{
    /*font-size:75%;*/
}
.fraction sup{
    vertical-align: 0.5em;
}
.fraction sub { vertical-align: -0.5em; }

/*
    .fraction sup,.fraction sub{
    font-size:75%;
}
.fraction sup{
    vertical-align: 0.5em;
}
.fraction sub { vertical-align: -0.5em; }
*/



/* PAGE HEADER */

#wrapper{
min-width:820px;
}

#pageHeader{
display:block;
background-color:#a2a2a2;
}

#utilitylogo{
float:left;
position:relative;

}

#utilitylogo a{
	padding:5px  15px 5px  5px;
	font-size:1px;
	text-indent:-9999px;
	display:block;
	
	background:url(../img/rdlogo72.png) 5px 5px no-repeat;
	height:72px;
	width:131px;
}

#utilitylogo a:hover{
background-color:#dedede;
}

#pageHeader nav{
display:block;
float:left;
margin:0;
padding:0;
}

#pageHeader nav ul li{
display:block;
float:left;
margin:0;
padding:0;
}

#pageHeader nav ul li a{
margin:0;
padding:0;
display:block;
font-size:1.4em;
padding:30px 25px 30px;
margin-right:6px;
color:#000;
text-decoration:none;
}

#pageHeader nav ul li a:hover{
text-decoration:underline;
background:#dedede;
}

#pageHeader .userinfo{
float:right;
background:#ebebeb;
margin:5px;
}


#pageHeader .userinfo .inner{
padding:10px;
}


/* COntent Header */
.contentHeader{
    line-height:1.3em;
    padding: 20px 0 20px 160px;

}

.contentHeaderLeft{
    float:left;
    position:relative;
    margin-right:10px;
}

.contentHeaderRight{
    float:left;
    position:relative;
}

.squareThumb120{
 	display:block;
    height:120px;
    width:120px;
    background:#eee;

}

.squareThumb120Empty{
border:#ccc dashed 1px;
height:118px;
width:118px;
background:#fff;
}

.pieceMainImage{
}

.pieceTitleArtist{
    font-size:1.5em;
}

.pieceArtist{
    color:#999;
}

.pieceMediumDimensions,.pieceCaseClientOwner{
    margin-top:.6em;
}

.contentSidebar{
	display:block;
    float:left;
    position:relative;
    border-top:#a2a2a2 solid 1px;
    min-width:160px;
    
    background:red;
}

.contentSidebar ul.sidebarNavigation li{

}

.contentSidebar ul.sidebarNavigation li a{
	position:relative;
	font-size:12px;
    display:block;
    padding:10px;
    text-align:right;
    color:#000;
    text-decoration:none;
    background-color:#e4e4e4;
    border-bottom:#a2a2a2 solid 1px;
}

.contentSidebar ul.sidebarNavigation li a:hover{
text-decoration:underline;
}

.contentSidebar ul li.active a{
font-weight:bold;
color:#fff;
background:black;
}

.contentMainArea{
    float:left;
    position:relative;
    border:#a2a2a2 solid 1px;
    width:600px;
    min-height:400px;
    padding:16px 26px;
}

.simpleMainArea{
	padding-top:20px;
	width:600px;
	margin:0 10px 20px 160px;
}

.simpleMainArea h1{
	font-size:32px;
}

.simpleList{

}

.simpleList li{
list-style:disc;
margin:10px 10px 10px 20px;
}


/* */

.contentMainArea{

}

.contentSection{
margin-bottom:20px;
margin-right:60px;
}


.contentSection h1{
	font-size:1.7em;
	padding:2px 0;
	margin:14px 0 6px 0;
	border-bottom:#c0c0c0 solid 1px;
	/*font-family: 'Goudy Bookletter 1911', serif;*/
}

.contentSection h1.nounderline{
border-bottom:0;
}

.contentSection > h1:first-child,
.contentSection .artifactCondition:first-child h1
{
margin-top:0;
}


/* FIELD LIST */

.fieldList > li,
.segmentList > li{
margin:10px 0;

}



.segmentList .iconReorder{
display:none;
}


.segmentList.ui-sortable .iconRemove{
display:none;
}

.segmentList.ui-sortable .iconReorder{
display:inline-block;
}


/* LIST PIECES */
.list-pieces{

}


.list-pieces li{
margin-top:-1px;

}

.list-pieces li:first-child{
margin-top:0;

}


.list-pieces li a{
display:block;
padding:10px;
color:#000;
border:#ccc solid 1px;
text-decoration:none;
}

.list-pieces li a:hover{
background:#eee;
}

.list-pieces li .picture{
float:left;
width:60px;
height:60px;
margin-right:10px;
}

.list-pieces li .picture-empty{
width:58px;
height:58px;
border:#ccc dashed 1px;
}

.list-pieces li .info{
float:left;
line-height:1.3em;
width:508px;
}

.list-pieces li .info-progress{
float:right;
width:170px;
text-align:center;
}

.list-pieces li .progressbar{
width:170px;
display:block;
height:16px;
position:relative;
border:#777 solid 1px;
background: #eeeeee;
background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc));
background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
background: linear-gradient(top, #eeeeee 0%,#cccccc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
}

.list-pieces li .progressbar-inner{
position:absolute;
top:0;
left:0;
height:100%;
background: #b8e1fc;
background: -moz-linear-gradient(top, #b8e1fc 0%, #a9d2f3 10%, #90bae4 25%, #90bcea 37%, #90bff0 50%, #6ba8e5 51%, #a2daf5 83%, #bdf3fd 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b8e1fc), color-stop(10%,#a9d2f3), color-stop(25%,#90bae4), color-stop(37%,#90bcea), color-stop(50%,#90bff0), color-stop(51%,#6ba8e5), color-stop(83%,#a2daf5), color-stop(100%,#bdf3fd));
background: -webkit-linear-gradient(top, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%);
background: -o-linear-gradient(top, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%);
background: -ms-linear-gradient(top, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%);
background: linear-gradient(top, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e1fc', endColorstr='#bdf3fd',GradientType=0 );
}

.list-pieces li .progressbar-inner-complete{
background: #bfd255;
background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfd255), color-stop(50%,#8eb92a), color-stop(51%,#72aa00), color-stop(100%,#9ecb2d));
background: -webkit-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%);
background: -o-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%);
background: -ms-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%);
background: linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 );
}

.list-pieces li .progressbar-label{
position:absolute;
top:0;
left:0;
width:100%;
text-align:center;
font-weight:bold;
font-size:11px;
padding:1px 0;
color:#000000;
text-shadow: 0px 0px 5px #fff;
filter: dropshadow(color=#ffffff, offx=0, offy=0);

}


.list-pieces li .info-progress .progressbar progress{
display:none;
}

/*  */

.searchResults{
border:red solid 1px;
}

.searchResult{
border-color:black;
border-style:solid;
border-width:1px 0;
}

.searchResult .resultImage{
height:60px;
width:60px;
background-color:red;
background-position:0 0;
background-attachment:static;
background-image:url(../img/nophoto_thumb_60.png);
float:left;
position:relative;

}

/* SEARCH FIELDS ARE SEGMENT LISTS */
.searchTermContainer,
.searchComparisonContainer,
.searchFieldContainer{
display:inline-block;margin-left:6px;
}


.fieldLabel{
float:left;
margin-right:5px;
height:20px;
line-height:20px;
width:120px;
}

.fieldLabel-dimensions{
width:101px;
}

.fieldContent{
float:left;
position:relative;
}



/* =========================
		LOGIN AND AUTH FORMS
===========================*/

.tank_auth_form{

padding:20px 0; 
margin:0px auto;
width:500px;

} 

.tank_auth_form form table{



}

.tank_auth_form form table label{
margin:8px 16px 8px 0;
}

.tank_auth_form form table td{
padding-top:8px;
padding-bottom:8px;
}


/* INPUTS */



.tank_auth_form form table input,
.textInput{
	border:#ccc solid 1px;
	background:#eee;
	padding:2px 4px;
}





.conditionTypeSelect{
min-width:175px;
}

.dateInput{
width:100px;
}

.ui-dialog,
#ui-datepicker-div{
font-size:12px;
}





/* Text Buttons */

/*
.textButton,.inputButton{
cursor:pointer;
color:#333;
text-decoration:none;
display:inline-block;
padding:8px 10px 4px 28px;
border:#999 solid 1px;
position:relative;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;

background: #FFFFFF;
background: -moz-linear-gradient(top, #FFFFFF 0%, #DDDDDD 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#DDDDDD)); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#DDDDDD',GradientType=0 ); 
}
*/

.textButtonRow,.textButtonRowAlignLeft{
margin:.5em 0;
text-align:left;
}

strong{
font-weight:bold;
}

.textButtonRow .textButton{
}

.textButtonRowAlignRight{
text-align:right;
}

.textButtonRowAlignRight .textButton{
}


.textButton,.inputButton{
cursor:pointer;
font-size:12px;
color:#333;
text-decoration:none;
display:inline-block;
/*padding:8px 10px 4px 28px;*/
border:#999 solid 1px;
position:relative;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #FFFFFF;
background: -moz-linear-gradient(top, #FFFFFF 0%, #DDDDDD 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#DDDDDD)); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#DDDDDD',GradientType=0 );
padding:3px 5px 3px 3px;
}


.textButton .icon{
height:16px;
width:16px;
display:inline-block;
position:relative;
vertical-align:middle;
opacity:.7;
margin-right:4px;}

.textButton .text{
display:inline-block;
vertical-align:text-bottom;
}

.textButton:hover .text{
text-decoration:underline;
}


.textButton:hover{
color:#000;
}

.textButton:hover .icon{
opacity:1;
}


.buttonEdit .icon,.iconEdit{
background:url(../img/plus.png) 0 0 no-repeat;
}

.buttonCancel .icon{
background:url(../img/cross.png) 0 0 no-repeat;
}

.buttonSave .icon{
background:url(../img/disk.png) 0 0 no-repeat;
}

.iconPlus,.buttonPlus .icon{
background:url(../img/icons-shadowless/plus.png) 0 0 no-repeat;
}

.buttonReorder .icon{
background:url(../img/reorder.png) 0 0 no-repeat;
}

.buttonSearch .icon{
background:url(../img/arrow-circle.png) 0 0 no-repeat;
}


.buttonEmail .icon{
background:url(../img/email.png) 0 0 no-repeat;
}

.buttonPrint .icon{
background:url(../img/printer.png) 0 0 no-repeat;
}

.buttonQr .icon{
background:url(../img/qr.png) 0 0 no-repeat;
}

.buttonDelete .icon{
background:url(../img/bin-metal.png) 0 0 no-repeat;
}



/* Icons */

.fugueIcon{
	display:inline-block;
	width:16px;
	height:16px;
	vertical-align:middle;
	background-position: 0 0;
	background-repeat: no-repeat;
	overflow:hidden;
	text-indent:-9999px;
}

.iconPhotoActive{
	background-image:url(../img/photos.png);
}

.iconGrid{
	background-image:url(../img/grid.png);
	}

.iconStar{
	background-image:url(../img/icons-shadowless/star.png);
}

.iconStarInactive{
	background-image:url(../img/icons-shadowless/star-empty.png);
}

.iconRemove{
	background-image:url(../img/minus.png);
}

.iconPhotoInactive{
	background-image:url(../img/photos.png);
	opacity:.6;
}

.iconReorder{
	background-image:url(../img/reorder.png);
}

.iconEdit{
	background-image:url(../img/pencil.png);
}

.iconSearch{
	background-image:url(../img/arrow-circle.png);
}

.iconDelete{
background:url(../img/bin-metal.png);
}





/* DIMENSIONS */

.pieceDimFields > li{
	display:block;
	margin:0px;
	padding-bottom:5px;
}

.pieceDimFields li .textInput{
	text-align:center;
}

.pieceDimFields li .textInput,
.pieceDimFields li span,
.pieceDimFields li label{
	float:left;
	position:relative;
	display:block;

}

.pieceDimFields li span,
.pieceDimFields li label{
	height:20px;
	line-height:22px;
}

.pieceDimLabel{
	position:relative;
	width:1.2em;
	font-size:12px;
	display:block;
	float:left;
	text-align:center;
	padding-right:4px;
	padding-left:1px;
}

.pieceDimSlash{
	margin:0 4px;
}

.pieceDimUnit{
	margin:0 4px;
}

.textInputDimWhole{
width:3em;
margin-right:4px;
}

.textInputDimFrac{
width:2.36em
}

.photoListPhoto{
padding:8px;
margin:8px 0;
border:#eee solid 1px;
background:#fff;
}

.ui-sortable .photoListPhoto{
border:#aaa solid 1px;
}

.photoListPhoto .photoLeft,.photoListPhoto .photoLeft{
position:relative;
float:left;

}

.photoListPhoto .photoLeft{
margin-right:10px;}


.photoListPhoto .photoRight{
padding:6px;}



/* CONDITION FORM */
.conditionList{
}

.conditionSegment{
	border:black solid 1px;
	padding:.5em .5em .5em 1.5em;
margin-top:-1px;

background: rgb(242,242,242); /* Old browsers */
background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(211,211,211,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(100%,rgba(211,211,211,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(211,211,211,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(211,211,211,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(211,211,211,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#d3d3d3',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(242,242,242,1) 0%,rgba(211,211,211,1) 100%); /* W3C */


}

.conditionSegment p{
margin:.3em ;
line-height:1.7em;
}

.conditionSegment p:first-child{
margin-top:0;
}

.conditionSegment .actions{
float:right;
margin:.3em 0 .5em .5em;
}
.row{
margin:1em 0;
}


.rowFull{

}

.rowFull .key{
text-align:right;
display:block;
width:80px;
float:left;
position:relative;\
margin-right:10px;
}

.rowFull .value{
float:left;
position:relative;
}

.rowHalf{
width:250px;
float:left;
position:relative;
}

.rowHalf .key{
margin-right:10px;
text-align:right;
display:block;
width:80px;
float:left;
position:relative;
}

.rowHalf .value{
width:170px;
float:left;
position:relative;
}


.conditionLocationList{
display:inline-block;
margin:0;
}

.conditionLocationList li:first-child{
margin-top:0;
}

.locationDiagram{
width:129px;
height:129px;
position:relative;
}

.locationDiagram .segment{
z-index:1;
width:42px;
height:42px;
border:#bbb solid 1px;
float:left;
position:absolute;
cursor:pointer;
}

.locationDiagram .x-0{
left:0;
}

.locationDiagram .x-1{
left:43px;
}


.locationDiagram .x-2{
left:86px;
}


.locationDiagram .y-0{
top:0;
}


.locationDiagram .y-1{
top:43px;
}


.locationDiagram .y-2{
top:86px;
}

.locationDiagram .hover{
border-color:#000;
z-index:3;
background-color:#eee;

}

.locationDiagram .on{
border-color:blue;
z-index:2;
background-color:#eef;
}

.locationDiagram .hover.on{
border-color:#bbb;
z-index:3;
background-color:#e7e7ff;
}


.simpleList .key{
display:inline-block;
width:120px;
}

.statusList{

}

.statusList li{
margin:.5em 0;

}

.statusList li label{
width:200px;
display:inline-block;
text-align:right;
margin-right:.8em;
vertical-align:middle;
}

.statusList li .dateInput{
display:inline-block;
vertical-align:middle;
}



/* CONTACTS AND OWNERS */

.personList{
	border-color:gray;
	border-style:solid;
	border-width:1px 0;
}

.personList li{
	border-top: gray dashed 1px;
	padding:12px 0;
}

.personList li:first-child{
	border-top: 0;
}

.personList .actions{
	float:right;
}

.personList .actions .fugueIcon{
margin-left:5px;
}

.personList h2{
	font-size:16px;
	font-weight:bold;
	margin-left:100px;
	width:300px;
	float:left;
}

.personList table.contactInformation{
margin:10px 0 4px 90px;
}

.personList table.contactInformation td,
.personList table.contactInformation th{
padding:.2em 0;
line-height:1.3em;
}


.personList table.contactInformation th{
color:grey;
text-align:right;
padding-right:.7em;
width:130px;

}

.personList table.contactInformation td{
text-align:left;
width:350px;
}

.border_on input{
    border: 1px solid black;
    float: left;
    font-size: 10px;
}

input#label_cost {
    width: 50px;
}

.border_on label {
    font-weight:bold;
    float: left;
    width:90px;
}

.border_on fieldset {
    margin-top:3px;
    margin-bottom:3px;
}

.editor_container {
    float: left;
    clear: both;
}


/* RENAME ME */
.table tr td{
    padding-left:30px;
    padding-bottom:2px;
    font-size:10px;
}

.float_left {
float: left;
    margin-right:20px;

}

.float_left p {
    margin-bottom:5px;
}

.float_left select , .float_left input , .float_left textarea {
font-size:10px;

}

.float_left input , .float_left textarea {
border: 1px solid black;

}

#treatmentList {
    margin-top:10px;
}

.table_border tr td{
    border: 1px solid black;
    
}

.table_border tr td p{
    margin-bottom:1em;

}

.table_border {
    width: 600px;
}


.box_for_dialog {
    padding: 10px;
    margin: 10px;
    border: 1px black solid;
}

span.owner_name {
    font-size:10px;
    font-weight:bold;
    margin-left: 10px;
}

#select_owner .inputButton {
    float: right;
}
/*
.simpleList .value{
display:block;
float:left;

}
*/

/* TREATMENT APPROVALS */

.list-treatmentapprovals{

}

.list-treatmentapprovals li{
border:#ccc solid 1px;
padding:5px;
margin-top:-1px;
}

.list-treatmentapprovals li:first-child{
margin-top:0;
}

.list-treatmentapprovals li .picture,
.list-treatmentapprovals li .info,
.list-treatmentapprovals li .approvalstatus{
float:left;
margin-right:5px;
}

.list-treatmentapprovals li .picture{
width:60px;
height:60px;
}

.list-treatmentapprovals li .info{
line-height:1.4em;
width:240px;
}

.list-treatmentapprovals li .picture img{
height:60px;
width:60px;
}

.list-treatmentapprovals li .approvalstatus{
line-height:1.2em;
margin-right:0;
text-align:right;
font-size:16px;
width:218px;
}

/* TREATMENT OPTIONS */

.list-treatmentoptions{

}

.list-treatmentoptions li{
border:#ccc solid 1px;
margin-top:-1px;
}

.list-treatmentoptions li:first-child{
margin-top:0;
}

.list-treatmentoptions li.treatment-option-normal.selected{
background:#efe;
}

.list-treatmentoptions li.treatment-option-decline.selected{
background:#fee;
}


.list-treatmentoptions li .option-info,
.list-treatmentoptions li .option-select{
float:left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;  
box-sizing: border-box;  
}


.list-treatmentoptions li .option-info{
border-right:#ccc solid 1px;
width:390px;
padding:10px;
}

.list-treatmentoptions li .option-info h3{
font-size:1.4em;
font-weight:bold;
margin-bottom:8px;
}


.list-treatmentoptions li .option-info p{
line-height:1.4em;
margin:8px 0;


}

.list-treatmentoptions li .option-select{
width:140px;
padding:10px;
}

.list-treatmentoptions li .option-select label{
	cursor:pointer;
	color:#777;
	border-width:1px;
	border-style:solid;
	border-color:#777;
	background:#fff;
	width:120px;
	padding:8px 0;
	text-align:center;
	font-weight:bold;
	font-size:14px;
	display:block;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.list-treatmentoptions li.treatment-option-decline.selected .option-select label{
	color:#e00;
	border-color:#e00;
}

.list-treatmentoptions li.treatment-option-normal.selected .option-select label{
	color:#0c0;
	border-color:#0c0;
}


.list-treatmentoptions li .option-select label input{
display:none;
}




/* LIST CASES (FANCY!!!) */
.list-cases-fancy{
width:600px;
}

.list-cases-fancy li{
width:600px;
margin-top:-1px;
font-size:14px;
border:#ccc solid 1px;
}

.list-cases-fancy li:first-child{
margin-top:0;
}

.list-cases-fancy li a{
display:block;
color:#000;
text-decoration:none;
padding:5px;
}

.list-cases-fancy li a:hover{

background:#eee;
}


.list-cases-fancy li .id,
.list-cases-fancy li .info,
.list-cases-fancy li .pictures
{
float:left;
margin-right:5px;
}


.list-cases-fancy li .id{
font-size:14px;
font-weight:bold;
width:125px;
}

.list-cases-fancy li .info{
line-height:1.3em;
width:300px;}

.list-cases-fancy li .pictures{
width:150px;
margin-right:0;}

.list-cases-fancy li .pictures img{
display:block;
float:left;
height:50px;
width:50px;;}



/* TABS */
.tabs-nav{
margin:8px 0;
}

.tabs-nav li{
float:left;

margin-left:-1px;
}

.tabs-nav li:first-child{
margin-left:0;
}

.tabs-nav li.selected{

}

.tabs-nav li a{
border:black solid 1px;
display:block;
padding:8px 30px;
color:#000;
text-decoration:none;
}

.tabs-nav li.selected a{
font-weight:bold;
background-color:#eee;
text-decoration:underline;
}

.urgent{
color:#f00;
font-weight:bold;}