/*
FONTS
----------------------------------------------------------------------
*/

body {
font:13px "Trebuchet MS",arial,helvetica,clean,sans-serif;
}

/*
GLOBAL STYLES
----------------------------------------------------------------------
*/

/*## ELEMENTS ##*/

body{
background:#FFF url(../images/BodyBg.png) repeat-x top left scroll;
}
a,a:visited,a:active{
color: #446EC0;
text-decoration:underline;
}

/*## CLASSES ##*/

.noput{
display:none;
}
.clear{
clear:both;
}
.attn{
color: #FF0000
}
.highlight {
background-color:#FFFF99;
padding-left:4px;
padding-right:4px;
}

/*## FORMS ##*/

fieldset{
border:#7A8187 solid 1px;
clear:both;
padding:1em;
}
legend{
color:#000;
font-size:136%;
font-weight:bold;
}
div.formLine{
clear:both;
float:left;
margin-bottom:3px;
padding:5px 0;
width:650px;
}
label{
display:block;
float:left;
font-size:136%;
padding-right:10px;
text-align:right;
width:150px;
}
textarea{
background-color:#DDD;
border:none;
height:100px;
padding:8px 0 0 8px;
width:460px;
}
.formLine input{
background-color:#DDD;
border:none;
padding:8px;
width:460px;
}
.formLine select{
background-color:#DDD;
border:none;
padding:8px;
width:476px;
}
.inputButton{
background-color:#7A8187;
border-top:2px #ddd solid;
border-right:2px #000 solid;
border-bottom:2px #000 solid;
border-left:2px #ddd solid;
color:#FFF;
height:32px;
margin-right:18px;
width:77px;
}
.inputSearch{
height:32px;
margin-right:0px;
width:77px;
}
input[disabled] {
background-color:#FFFFFF;
border:#666 1px solid;
color:#666!important;
}

/* Edit in Place */

.editInPlace {
background-color:#C1CDCD;
border-left:#7A8187 solid 1px;
border-right:#444 solid 2px;
border-bottom:#444 solid 2px;
border-top:#7A8187 solid 1px;
margin-top:5px;
padding:0;
position:absolute;
}
.editInPlace fieldset{
border:none;
padding:3px;
}
.editInPlace .formLine{
width:300px;
}
.editInPlace .formLine input{
width:280px;
}
.editInPlace .inputButton.reset{
background-color:red;
}


/*
LAYOUT
----------------------------------------------------------------------
*/

/*## PAGE ##*/

#wrap{
margin:0 auto;
padding:0;
width:950px;
}

/*## MASTHEAD ##*/

#nav{
float:left;
width:950px;
}
#logo span{
display:none;
}
a#logo {
background:url(../images/logo.png) no-repeat top left;
float:left;
height:74px;
width:60px;
}
a#logo.loading {
background:url(../images/loading.gif) no-repeat top left;
float:left;
height:74px;
width:60px;
}
a:hover#logo{
background:url(../images/logo.png) no-repeat top right;
}
ul#global{
float:right;
}
#global li{
float:left;
}
#global li a{
background:url(../images/tabGlobalOff.png) no-repeat bottom right;
color:#FFF;
display:block;
height:24px;
padding:24px 3px 0 0;
text-align:center;
text-decoration:none;
text-transform:uppercase;
width:108px;
}
#global li a:hover{
text-decoration:underline;
}
#global li.on a{
background:url(../images/tabGlobalOn.png) no-repeat bottom right;
cursor:default;
text-decoration:none;
}
#global #cs a{
background:none;
color:#FFF;
display:block;
height:24px;
padding:24px 3px 0 0;
text-align:center;
width:36px;
}
#global #cs a:hover{
text-decoration:underline;
}

#global #cs.on a{
background:none;
cursor:default;
text-decoration:none;
}

/*## CONTENT ##*/

#content{
clear:both;
padding-top:20px;
}

/*## PRIMARY NAVIGATION##*/

#primarynav{
border-bottom:4px solid #446EC0;
float:left;
width:680px;
}
#primarynav li.on{
float:left;
background:transparent url(../images/tabLocalOn.png) no-repeat top left;
width:110px;
}
#primarynav li{
float:left;
background:transparent url(../images/tabLocalOff.png) no-repeat top left;
width:110px;
}
#primarynav li a{
display:block;
padding:3px 0 2px 10px;
text-decoration:none;
}
#primarynav li a:hover{
background-color:transparent;
text-decoration:underline;
}
#primarynav li.on a{
color:#FFF;
cursor:default;
text-decoration:none;
}
#primarynav li.loading{
float:left;
background:transparent url(../images/tabLocalLoading.gif) no-repeat top left;
width:110px;
}
#primarynav li.loading a{
color:#FFF;
cursor:default;
text-decoration:none;
}

/*## ACTION BAR ##*/

#statusarea{
background:#446EC0 url(../images/dottedDkBlueBg.png) repeat-x bottom left;
clear:both;
color:#FFF;
height:27px;
padding:7px;
}
#statusarea a{
color:#FFF;
}
#statusarea.feedback{
background:transparent url(../images/actionLoadBg.png) no-repeat top left;
clear:both;
color:#000;
height:27px;
padding:7px;
text-align:center;
}
#statusarea.feedback a{
color:#000;
}

/*## PAGINATION BAR ##*/

#pagination{
background:#446EC0 url(../images/dottedDkBlueBg.png) repeat-x bottom left;
clear:both;
color:#FFF;
height:24px;
padding:10px 7px 7px 7px;
}
#pagination p{
text-align:center;
}
#pagination a{
border:1px solid #FFF;
color:#FFF;
margin-left:3px;
margin-right:3px;
padding:1px 3px;
text-decoration:none;
}
#pagination a.on{
background-color:#FFF;
color:#446EC0;
}
#pagination a:hover{
background-color:#FFF;
color:#446EC0;
}

/*## FILTER BAR ##*/

#filter{
background:#446EC0 url(../images/dottedDkBlueBg.png) repeat-x bottom left;
clear:both;
color:#FFF;
height:24px;
padding:10px 7px 7px 7px;
}
#filter p{
text-align:center;
}
#filter a{
border:1px solid #FFF;
color:#FFF;
margin-left:3px;
margin-right:3px;
padding:1px 3px;
text-decoration:none;
}
#filter a.on{
background-color:#FFF;
color:#446EC0;
}
#filter a:hover{
background-color:#FFF;
color:#446EC0;
}

/* CLIPBOARD */
#clipboard h3{
background-color:#9BCEE1;
padding:20px 20px 4px 20px;
text-align:center;
}
#clipboard h2 {
color:#000;
font-size:136%;
font-weight:bold;
}
#clipboard{
background-color:#E0F0F5;
float:left;
padding-top:9px;
}
#clipboard h2{
background:transparent url(../images/clipboardBg.png) no-repeat bottom center;
height:28px;
margin-left:215px;
padding-top:6px;
text-align:center;
width:250px;
}
#clipboard ul{
background-color:#E0F0F5;
border-bottom:#9BCEE1 10px solid;
border-left:#9BCEE1 20px solid;
border-right:#9BCEE1 20px solid;
float:left;
padding:10px;
width:620px;
}
#clipboard ul li{
background:transparent url(../images/icons/tick.png) no-repeat bottom left;
float:left;
padding-left:18px;
white-space:nowrap;
width:185px;
}
#task{
background-color:#9BCEE1;
float:left;
padding:10px 20px 20px 20px;
width:640px;
}
#task h3{
background-color:#9BCEE1;
padding:0 0 4px 0;
}
#task p{
background-color:#E0F0F5;
padding:10px;
text-align:center;
}

/*## MAIN ##*/

#main{
float:left;
margin-bottom:20px;
width:680px;
}
#single{
float:left;
margin:0  135px 20px 135px;
width:680px;
}
.singlewrap{
background-color:#EEE;
border:4px solid #DDD;
padding:0 9px;
margin-bottom:18px;
}
#main h1,#single h1{
color:#F47511;
font-size:24px;
height:72px;
margin:0;
padding:0;
overflow:hidden;
}

/*## COMMENTS ##*/

#comments{
background:#E0F0F5 url(../images/dottedBlueBg.png) repeat-x bottom left;
color:#446EC0;
float:left;
padding:.5em;
}
#commentshead h2{
float:left;
}
#commentshead span{
float:right;
}
#comments p{
border-top:1px solid #FFF;
float:left;
padding:.5em 0 .5em 0;
}
span.commentdate{
float:left;
font-weight:bold;
width:130px
}
span.commenttext{
float:right;
width:530px
}

/*## SIDEBAR ##*/

#sidebar{
float:right;
margin-bottom:20px;
width:250px;
}
#searchbox{
border:none;
height:72px;
padding:0;
}
#searchText{
background-color:#DDD;
border:none;
height:24px;
padding:8px 0 0 8px;
width:160px;
}
#tools h3{
background:transparent url(../images/tabGutterOn.png) no-repeat top left;
color:#FFF;
font-size:100%;
font-weight:normal;
padding:3px 0 2px 10px;
width:240px;
}
#links{
clear:both;
padding-top:2px;
}
#links li {
background:transparent url(../images/dottedGreenBg.png) repeat-x top left;
color:#446EC0;
height:30px;
padding:6px 0 0 10px;
}
#links li.yellow {
background:transparent url(../images/dottedYellowBg.png) repeat-x top left;
color:#446EC0;
height:30px;
padding:6px 0 0 10px;
}
#links li.inverse {
background:transparent url(../images/dottedDkGreenBg.png) repeat-x top left;
color:#FFF;
height:30px;
font-weight:bold;
padding:6px 0 0 10px;
}
#links li.inverse a{
color:#FFF;
}
.tips{
margin-top:18px;
}
.tips h3{
background:transparent url(../images/icons/asterisk_yellow.png) no-repeat top left;
padding:0 0 0 24px;
}

/*## FOOT ##*/

#foot{
border-top:4px #000 solid;
clear:both;
margin:10px 0;
padding:10px 0;
width:950px;
}
#legal li{
float:left;
}
#legal a{
border-right:#446EC0 solid 1px;
display:block;
padding:0 10px;
}
#foot div.vcard {
background:none;
float:left;
padding:0 10px;
width:550px;
}
#foot div.vcard div {
float:left;
margin:0 10px 0 0;
}
#foot div.vcard div span {
margin:.10px 10px 0 0;
}

/*
SCREEN SPECIFIC
----------------------------------------------------------------------
*/

/*## TABLE LIST VIEW ##*/

table{
clear:both;
vertical-align:top;
width:663px;
}
table td,table th{
background:#E0F0F5 url(../images/dottedBlueBg.png) repeat-x bottom left;
border-left:#FFF 1px solid;
color:#446EC0;
padding:7px;
vertical-align:middle;
}
table th{
background:#E6E6E6 url(../images/dottedGreyBg.png) repeat-x bottom left;
font-weight:bold;
}
table tr.focus td{
background:#FFFFCC url(../images/dottedYellowBg.png) repeat-x bottom left;
font-weight:bold;
}
#listWindow{
overflow:auto;
height:250px;
}

/*## DETAIL ##*/

#panel{
background:#E0F0F5 url(../images/dottedBlueBg.png) repeat-x bottom left;
float:left;
padding:10px;
}
.vcard{
float:left;
margin:0 10px 10px 0;
width:325px
}
.photo{
display:block;
float:left;
padding:0 8px 0 0;
}
.name{
display:block;
float:left;
}
.lists{
float:left;
margin:0 0 10px 0;
width:325px
}

/* TAG LISTS */

#tags_results{
clear:both;
margin:0 0 1em 0;
}
#tags_results ul li{
background:#E0F0F5 url(../images/dottedBlueBg.png) repeat-x bottom left;
color:#446EC0;
padding:5px 5px 15px 5px;
}
#tags_results ul li ul li{
background:none;
display:inline;
}

/*
ICONS AND MESSAGING
----------------------------------------------------------------------
*/

.info {
display:block;
background:transparent url(../images/icons/information.png) no-repeat bottom left;
padding-left:18px;
}
.warn {
display:block;
background: #FF0000 url(../images/icons/error.png) no-repeat bottom left;
color:#FFF;
padding-left:18px;
}
.activate {
display:block;
background:transparent url(../images/icons/go.png) no-repeat bottom left;
padding-left:18px;
}
.inactivate {
display:block;
background:transparent url(../images/icons/stop.png) no-repeat bottom left;
padding-left:18px;
}
.spouse{
display:block;
background:transparent url(../images/icons/user.png) no-repeat bottom left;
padding-left:18px;
}
.child{
display:block;
background:transparent url(../images/icons/user_green.png) no-repeat bottom left;
padding-left:18px;
}
.plus{
display:block;
background:transparent url(../images/icons/add.png) no-repeat bottom left;
padding-left:18px;
}
.edit{
display:block;
background:transparent url(../images/icons/pencil.png) no-repeat bottom left;
padding-left:18px;
}
.cancel{
display:block;
background:transparent url(../images/icons/cancel.png) no-repeat bottom left;
padding-left:18px;
}
.new{
display:block;
background:transparent url(../images/icons/new.png) no-repeat bottom left;
padding-left:18px;
}
.go{
display:block;
background:transparent url(../images/icons/bullet_go.png) no-repeat bottom left;
padding-left:18px;
}
#addcontacts {
background:transparent url(../images/icons/user.png) no-repeat bottom left;
padding-left:18px;
}
#addOneContact {
background:transparent url(../images/icons/user.png) no-repeat bottom left;
padding-left:18px;
}
#addOneReminder {
background:transparent url(../images/icons/note.png) no-repeat bottom left;
padding-left:18px;
}
#addreminders {
background:transparent url(../images/icons/note.png) no-repeat bottom left;
padding-left:18px;
}
#addMultipleReminders{
background:transparent url(../images/icons/note.png) no-repeat bottom left;
padding-left:18px;
}
#organize {
background:transparent url(../images/icons/application_view_list.png) no-repeat bottom left;
padding-left:18px;
}
#selectAll {
background:transparent url(../images/icons/accept.png) no-repeat bottom left;
padding:0 0 0 18px;
margin-right:18px;
}
#addMoreInformation {
background:transparent url(../images/icons/add.png) no-repeat bottom left;
padding:0 0 0 18px;
margin-right:18px;
}
#selectNone {
background:transparent url(../images/icons/delete.png) no-repeat bottom left;
padding:0 0 0 18px;
margin-right:18px;
}
#mapSelected {
background:transparent url(../images/icons/map.png) no-repeat bottom left;
padding:0 0 0 18px;
margin-right:18px;
}
.printSelected {
background:transparent url(../images/icons/printer.png) no-repeat bottom left;
padding:0 0 0 18px;
margin-right:18px;
}
.statusComplete {
background:transparent url(../images/icons/stop.png) no-repeat bottom left;
padding:0 0 0 18px;
margin-right:18px;
}
.statusDeferred {
background:transparent url(../images/icons/error.png) no-repeat bottom left;
padding:0 0 0 18px;
margin-right:18px;
}
.statusOpen {
background:transparent url(../images/icons/go.png) no-repeat bottom left;
padding:0 0 0 18px;
margin-right:18px;
}
.delete {
background:transparent url(../images/icons/cross.png) no-repeat bottom left;
padding:0 0 0 18px;
margin-right:18px;
}
a.remove{
text-decoration:underline;
}
a.remove:hover{
/*after*/
background:transparent url(../images/icons/bullet_delete.png) no-repeat bottom right;
padding:0 18px 0 0;
}
.emailSelected {
background:transparent url(../images/icons/email.png) no-repeat bottom left;
padding:0 0 0 18px;
margin-right:18px;
}
.saveSelected {
background:transparent url(../images/icons/disk.png) no-repeat bottom left;
padding:0 0 0 18px;
margin-right:18px;
}
#removeSelected {
background:transparent url(../images/icons/cross.png) no-repeat bottom left;
padding:0 0 0 18px;
margin-right:18px;
}
#addMultipleContacts {
background:transparent url(../images/icons/group.png) no-repeat bottom left;
padding:0 0 0 18px;
margin-right:18px;
}
#addFamilyTag{
display:block;
background:transparent url(../images/icons/add.png) no-repeat bottom left;
padding-left:18px;
}
#addGroupTag{
display:block;
background:transparent url(../images/icons/add.png) no-repeat bottom left;
padding-left:18px;
}