/* Graphite_FMskin.css */

/* FCWS */
.wswrap * {font-family:Trebuchet MS,Trebuchet,Arial,Sans-Serif !important;font-size:17px !important;line-height:21px !important;}
#sidebar .wswrap *, #sidebar .wswrap a {font-size:13px !important;line-height:17px !important;}
.digitalsign #sidebar .wswrap * {font-size:19px !important;line-height:28px !important;}
.wswrap a, .wswrap a:visited {text-decoration:underline;}

/* FONT FAMILY */
body, .fctext, input, h1, h2, h3, h4, .digitalsign h1, #mobilemenu div a, #mobilesearch .searchfield {font-family:Trebuchet MS,Trebuchet,Arial,Sans-Serif;}

/* FONT SIZES */
body, .fctext, input, textarea, .txtfield, .fctext.formintrotxt, #paneSubmit .fctext, .tabbedfolders a.contentbox.fctext, .panel h4.fctext, .panel .fctext.txtlimit, .fctext.label, .mobilesite .calendarmonth h2.caldate a, .calendarmonth.mobileview h2.caldate a {font-size:17px;line-height:21px;}
.tabsdir .contentbox a, #dropmenu, h4.fctext, .fctext a.sidebarlink, .fctext.sidefile a, .fctext.label, #mobilemenu div a {font-size:15px;}
body.mobilesite, .mobilesite .fctext, .mobilesite .tilecalendar .smallfctext, .mobilesite .tilesdir h4.fctext, .mobilesite .tabbedfolders h2 {font-size:15px;line-height:21px;}
 ul.dropxtra li a.droplink, #dropmenu .droplink, #sidebar .fctext, .smallfctext, .commentsfooter .fctext, .minimsgform .txtfield.widgetformbox, .tabslistitemcontent .fctext, .panel td.field, .panel .fctext.corr, .tilesdir .mediaitem .contentbox div.fctext, .tilesdir .mediaitem .contentbox td.fctext, #headerticker, .smallfctext, #footer, #breadcrumbs .smallfctext, .permalink, .date {font-size:13px;line-height:17px;}
.digitalsign .contentbox.event .fctext, .digitalsign .contentbox.task .fctext, .digitalsign #sidebar .fctext, h2, h3, .guestform h4.fctext, .blogdir h1 {font-size:20px;line-height:27px;}
#dropmenu {line-height:60px;min-height:60px;}
h1, .blogdir .uppercontentbody h1, .fctext .panenumber {font-size:30px;line-height:32px;}
.tilecalendar .smallfctext, a .fcquote .fctext, a .fcquote .fctext:visited, input.formbtn, #dropsearch .searchfield, #sidebar .widgetfield {font-size:13px;line-height:13px !important;}
.calendarmonth .mediaitem .contentbox h2.caldate a {font-size:48px;line-height:60px;}

/* COLORS */
a.toplink,a.toplink:visited, #dropmenu a.droplink, #dropmenu a.droplink:visited, #dropsearch .searchfield, #breadcrumbs {color:#67666f;}
h1, h2, h2 a, h2 a:visited, h3, h4, h4.fctext, h4.fctext a, h4.fctext a:visited, .tabbedfolders a.contentbox.fctext, .tabbedfolders a.contentbox.fctext:visited, .date, .timestamp, .datestamp, .smallfctext, #signature {color:#63636e;}
a, a:visited, h2 a:hover, h2 a:active, h4.fctext a:hover, h4.fctext a:active, .digitalsign .contentbox .timebox h2  {color:#066fac;}
body, a:hover, a:active, .contentbox .fctext, .calevent a, .calevent a:visited, .caltoday h2.caldate a, .caltoday h2.caldate a:visited, .digitalsign .contentbox h2 {color:#000000;}
.current a.toplink, .current a.toplink:visited, a.toplink:hover, #dropmenu a.droplink:hover, .digitalsign #theTime, #mobilemenu div a:hover, #mobilemenu div a:active, #mobilemenulink a:hover, #mobilemenulink a:active, #footer a:hover, #footer a:active, #header .fctext {color:#ffffff;}

/* SHADOWS */
.digitalsign .contentbox .timebox h2, a.toplink:hover, #dropmenu a.droplink:hover, #mobilemenu div a:hover, #mobilemenu div a:active, #mobilemenulink a:hover, #mobilemenulink a:active {text-shadow:1px 1px 5px #ffffff;}
.digitalsign #header h1, .digitalsign #header h2, .digitalsign #theTime {text-shadow:-1px -1px 5px #000000;}
.digitalsign .contentbox h2, .digitalsign .contentbox .fctext, .digitalsign #sidebar .fctext {text-shadow:-1px -1px 3px #e4ded6;}
.digitalsign #sidebar, .digitalsign #header, ul#drops li ul:first-child, .digitalsign .contentbox, .tabbedfolders .contentbox, .mobilesite .listingdir #plainpageframe .contentbody, .mobilesite .mofirstclassdir #plainpageframe .contentbody {box-shadow:2px 2px 5px #444444;}
.website h1, .website h2, .date, .timestamp, .datestamp {text-shadow:1px 1px 3px #c9cfd6;}

/* BACKGROUND COLORS */
body {background:#000000;}
.odd, #dropsearch .searchfield {background-color:#d8d8d8;}
.listtop, .txtfield, .tabbedfolders .contentbox, textarea.rsstxtfield, .calevent, .even, .digitalsign .contentbox {background:#c9cfd6;}
.digitalsign #sidebar, .odd, #pageframe, .mobilesite #plainpageframe, .mobilesite .listobject.odd.inlinecontentbox {background:#ffffff;}
ul#drops li ul:first-child {background-color:#000000;}
#mobilemenu, #dropmenu, .digitalsign #header {background:url(/plugins/firstmagic/fmlibrary/backdrops/graphitedrop.png);}
.fctext a.sidebarlink, .fctext a.sidebarlink:visited {background-image:url(/plugins/firstmagic/fmlibrary/backdrops/navarrows.png);background-position:-5px center;background-repeat:no-repeat;}
.fctext a.sidebarlink:hover {background-image:url(/plugins/firstmagic/fmlibrary/backdrops/navarrows.png);background-position:-4px center;background-repeat:no-repeat;}
.fctext a.sidebarlink:active {background-image:url(/plugins/firstmagic/fmlibrary/backdrops/navarrows.png);background-position:-3px center;background-repeat:no-repeat;}
.current a.toplink {background:url(/plugins/firstmagic/fmlibrary/backdrops/navarrows.png) bottom center no-repeat;}
.projectdir.mobileview a#docstab, .projectdir.mobileview a#docstabactive, .tabsdir.mobileview a#docstab, .tabsdir.mobileview a#docstabactive {background-image:url(/icons/7004);background-size:contain;background-position:center center;background-repeat:no-repeat;}
.projectdir.mobileview a#uploadstab, .projectdir.mobileview a#uploadstabactive, .tabsdir.mobileview a#uploadstab, .tabsdir.mobileview a#uploadstabactive {background-image:url(/icons/2011);background-size:contain;background-position:center center;background-repeat:no-repeat;}
.projectdir.mobileview a#bookmarkstab, .projectdir.mobileview a#bookmarkstabactive, .tabsdir.mobileview a#bookmarkstab, .tabsdir.mobileview a#bookmarkstabactive {background-image:url(/icons/70);background-size:contain;background-position:center center;background-repeat:no-repeat;}
.projectdir.mobileview a#folderstab, .projectdir.mobileview a#folderstabactive, .tabsdir.mobileview a#folderstab, .tabsdir.mobileview a#folderstabactive  {background-image:url(/icons/26093);background-size:contain;background-position:center center;background-repeat:no-repeat;}
#dropmenu a.droplink, #dropmenu a.droplink:visited {background-image:url(/plugins/firstmagic/fmlibrary/backdrops/navarrows.png);background-position:0px center;background-repeat:no-repeat;}
#dropmenu a.droplink:hover {background-image:url(/plugins/firstmagic/fmlibrary/backdrops/navarrows.png);background-position:-970px center;background-repeat:no-repeat;}
#dropmenu a.droplink:active {background-image:url(/plugins/firstmagic/fmlibrary/backdrops/navarrows.png);background-position:-969px center;background-repeat:no-repeat;}

/* STYLES */
.question td.field, .digitalsign .contentbox .fctext, .tabsdir .contentbox a, .fctext a.sidebarlink, .blogdir h1, #signature, #mobilemenu div a, h2, h2 a, .mobilesite .listobject.inlinecontentbox .fctext, .mobilesite .tilesdir h4.fctext {font-weight:bold !important;} 
a, a:visited, #dropmenu a:hover, #footer a:hover, .tabbedfolders a.contentbox.fctext:hover, .fctext a.sidebarlink:hover {text-decoration:none;}
a:hover, .fctext a, .fctext a:visited, #footer a:hover {text-decoration:underline;}
#headerticker, .contentbody .listobject.listtop .fctext, #footer, #dropmenu, #mobilemenu div a, #mobilesearch .txtfield.searchfield, h1, #dropsearch .searchfield, .date, .timestamp, .datestamp, .tabbedfolders a.contentbox.fctext, .digitalsign .contentbox h2, .blogdir .uppercontentbody h1, .permalink {text-transform:uppercase;} .blogdir h1 {text-transform:none;}

/* FORMATTING */
#page {position:relative;z-index:0;} #pagecontent, #pagecontentsec, #sidebar {position:relative;z-index:1;} 
.digitalsign #header {position:relative;z-index:1;} .digitalsign #sidebar {position:relative;z-index:0;}
#footer, #dropmenu, #header {padding-left:13%;padding-right:13%;}
ul#drops {padding:0px 0% 0px 13%;} #dropsearch {width:140px;margin:10px 13% 0px 0px;} #dropmenu {padding-left:0%;padding-right:0%;}
#pageframe {padding:36px 11% 0px 11%;}
#header .firstmagicwidget {margin-top:16px;margin-bottom:5px;}
#header img, #footer {padding-top:16px;padding-bottom:5px;} 
#headerticker {height:16px;top:0px;left:0px;right:0px;position:absolute;z-index:999;margin:0px;}
#contentfooter {padding-bottom:30px;}
#pagecontent, #sidebar, #pagecontentsec {padding:0px 2% 0px 2%;margin:0px;}
#pagecontent {width:68%;} #sidebar {width:24%;} #pagecontentsec {width:96%;}
a.toplink {padding:0px !important;margin:0px 26px 0px 0px !important;}
.contentbody, .contentheader, .sidebaritem, .contentbox {margin:0px 7px 14px 7px;}
.newsdir .contentbox {margin-bottom:28px;}
#header, #dropmenu {position:relative;} #pageframe {position:relative;z-index:0;}
.sidebaritem {margin-bottom:26px;}
.panel h4.fctext {padding-bottom:10px;}
.calevent {padding:7px 5px 7px 5px;margin-bottom:8px;}
.formframe {padding-top:25px;} table.userform tr td {padding:5px 0px 5px 0px;}
ul#drops li ul:first-child {padding:5px;margin:15px 0px 0px 0px;}
#dropmenu a.droplink {padding:7px 15px 7px 25px !important;width:200px;}
#dropsearch .searchfield {float:left;width:98%;text-indent:15px;margin-top:8px;} #dropsearch .searchsubmit {margin-left:-26px;margin-top:8px;}
#breadcrumbs {margin-bottom:15px;}
.fctext a.sidebarlink, .fctext a.sidebarlink:visited {padding:3px 0px 4px 17px;display:block;margin:0px;}
#searchbox {margin-bottom:10px;padding-left:5px;padding-right:0px;} 
.txtfield {padding:5px 5px 5px 5px;}
.commentbody textarea {height:130px;} iframe.minibox {height:280px !important;}
#sidebar iframe.minibox {margin-top:10px;height:190px !important;}
.template25521 #commX {height:540px;}
.commentsfooter {padding-top:16px;padding-bottom:26px;} .commenttxt {padding-bottom:10px;}
#sidebar .widgetsearchsubmit {margin-top:3px;}
.contentbox, #dropmenu a.droplink, ul#drops li ul:first-child, .calevent, .mobilesite .listingdir #plainpageframe .contentbody, .mobilesite .mofirstclassdir #plainpageframe .contentbody {border-radius:3px;}
#dropsearch .searchfield, #sidebar .widgetfield {border-radius:20px;padding-top:5px;padding-bottom:5px;} 
.digitalsign .timebox h2 {text-align:right;}
a .fcquote .fctext, a .fcquote .fctext:visited, input.formbtn, .minimsgform input.formbtn {padding:3px 10px 3px 10px !important;border-radius:20px;}
.question td.fctext.label input {margin-left:30px;}

/* TWEAKS */
#wrapper.mobileview {padding:0px;margin:0px;width:100%;overflow:hidden;}
.mobileview #header {text-align:center;margin:0px 0px 10px 0px;padding:10px 0px 0px 0px;width:100%;height:auto;overflow:hidden;}
.mobileview #dropmenu ul {padding-left:5%;padding-top:5px;padding-bottom:5px;}
.mobileview #dropmenu ul li a {padding:0px 15px 0px 0px !important;margin:0px !important;}
.mobileview #dropmenu {line-height:24px;min-height:38px;padding-top:13px;padding-bottom:13px;}
.mobileview #dropsearch {margin:-1px 5% -15px 0px;float:right;}
.listingdir.mobileview .listobject .fctext, .tabsdir.mobileview .listobject .fctext, .projectdir.mobileview .listobject .fctext, .projectdir.mobileview .fctext.iconobject.infolder.dirtabtitle, .projectdir.mobileview .fctext.iconobject.filetabtitle, .tabsdir.mobileview .fctext.iconobject.infolder.dirtabtitle, .tabsdir.mobileview .fctext.iconobject.filetabtitle {width:96% !important;}
.mobileview .tabblurred, .mobileview .tabactive {width:1px;overflow:hidden;text-overflow:ellipsis;padding-left:40px !important;padding-right:0px !important;}
.mobileview table.userform td.fctext.label {width:40%;}
.mobileview table.userform td.field {width:60%;}
.mobileview table.userform td textarea.txtfield {height:80px;}
.messagebody .guestform .txtfield {width:92%;}
table.userform td.field {padding-left:5px;}
.mobileview .mediaitem.mediasmall, .mobileview .mediaitem.mediamedium {width:100%;}
.mobileview #pagecontent, .mobileview #sidebar {width:96%;padding-top:10px;}
.mobileview #pageframe {padding:0px;margin:0px;}
.mobileview #breadcrumbs {margin-top:10px;}
.calendarmonth .mediaitem .contentbox, .commentsfooter .listobject.odd, .commentsfooter .listobject.even {background:transparent;}
.current.cap a, .mobileview  .current a, .txtfield, textarea.rsstxtfield, #mobilemenu div a, #mobilemenu div a:visited, #mobilemenu div a:hover, #mobilemenu div a:active, .mobilesite .listobject.odd.inlinecontentbox, .mobilesite .listobject.even.inlinecontentbox, input.formbtn:active, .btnrow input.formbtn.inverse:active {background-image:none !important;}
.txtfield, textarea.rsstxtfield, #dropsearch .searchfield, .mobilesite .contentbox, .mobilesite .listobject.inlinecontentbox, .mobilesite .listingdir .listobject:last-child, .mobilesite .mofirstclassdir .listobject:last-child {border:none !important;}
.listingdir.mobileview .datestamp, .projectdir.mobileview  .listobject .fctext.faded .advsearch, .tabsdir.mobileview  .listobject .fctext.faded .advsearch, .uppercontentbody .date {display:none;}
.faded {opacity:1;} #headerticker a {opacity:0.7} #headerticker a:hover {opacity:1}

/* MOBILE */
.mobilesite .mediaitem.mediasmall, .mobilesite .mediaitem.mediamedium {width:100% !important;}
.mobilesite .newsdir .contentbox {margin-bottom:10px;}
.mobilesite .contentbody .userform .fctext.label {width:36%;padding-left:10px;white-space:nowrap;}
.mobilesite #header {padding:0px;margin:0px;} .mobilesite #header img {padding:5px 0px 5px 0px;margin:0px;}
#mobilemenu {padding:0px;margin:0px;clear:both;top:0px;left:0px;width:100%;height:36px;position:relative;z-index:997;}
.mobilesite #plainpageframe {margin-top:0px;padding-top:10px;}