/* BlackBubbles_FMskin.css */

/* FCWS */
.wswrap * {font-family: Arial Narrow, Arial, sans-serif !important;font-size:17px !important;line-height:24px !important;color:#9aa4a4 !important;}
#sidebar .wswrap *, .mobilesite .wswrap * {font-size:15px !important;line-height:21px !important;color:#9aa4a4 !important;}
.digitalsign #sidebar .wswrap * {font-size:19px !important;line-height:25px !important;color:#ffffff !important;}
.wswrap a, .wswrap a:visited {text-decoration:underline;}

/* FONTS */
body, .fctext, input, h1, h2, h3, h4 {font-family: Arial Narrow, Arial, sans-serif;}
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, .fctext a.sidebarlink {font-size:17px;line-height:24px;}
.tabsdir .contentbox a, #dropmenu, h4.fctext, .fctext.label, #mobilemenu div a {font-size:15px;}
body.mobilesite, .mobilesite .fctext, .mobilesite .tilecalendar .smallfctext, .mobilesite .tilesdir h4.fctext, .mobilesite .tabbedfolders h2,  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:15px;line-height:21px;}
#dropsearch .searchfield, #sidebar .widgetfield {font-size:15px;line-height:15px;padding-top:11px;padding-bottom:11px;}
.digitalsign .contentbox.event .fctext, .digitalsign .contentbox.task .fctext, .digitalsign #sidebar .fctext, h2, h3, .guestform h4.fctext, .blogdir h1, .mobilesite h1 {font-size:19px;line-height:25px;}
#dropmenu {line-height:40px;min-height:40px;}
h1, .fctext .panenumber, .calendarmonth .mediaitem .contentbox h2.caldate a {font-size:38px;line-height:45px;}
.tilecalendar .smallfctext, a .fcquote .fctext, #sidebar a .fcquote .fctext, input.formbtn {font-size:13px;line-height:13px !important;}
.gallerydir .smallfctext, .contentbox .timestamp, .contentbox .datestamp, .calevent, #breadcrumbs .smallfctext, #footer {font-size:13px;line-height:19px;}

/* STYLES */
h1 {font-weight:normal;}
.digitalsign .contentbox h2, a .fcquote .fctext, #sidebar a .fcquote .fctext,  input.formbtn, #mobilemenu div a, a.toplink {font-weight:bold;}
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;}

/* COLORS */
#dropmenu ul li a, #dropmenu ul li a:visited, #dropmenu ul li.current ul li a, #dropmenu ul li.current ul li a:visited, #dropsearch .searchfield, .digitalsign #theTime, .digitalsign .contentbox .timebox h2, #footer a, #footer a:visited, .digitalsign .fctext {color:#ffffff;}
a, a:visited, .digitalsign h2, .digitalsign h1 {color:#00c9c3;}
body,.fctext, .caltoday h2.caldate a, .caltoday h2.caldate a:visited, .digitalsign .timebox h2, #dropmenu ul li a:hover, #dropmenu .current a, #dropmenu .current a:visited, #dropmenu ul li.current ul li a:hover, #footer a:hover, .label, #breadcrumbs, #breadcrumbs a, #breadcrumbs a:visited, .calevent a, .calevent a:visited, #headerticker, .digitalsign #sidebar .fctext  {color:#9aa4a4;}
h1, h2, h3, #headerticker, .date, a:hover, .timestamp, .datestamp {color:#abe2dc;}

/* SHADOWS */
#mobilemenulink a, #mobilemenulink a:visited, a.toplink,a.toplink:visited, #dropmenu a.droplink, #dropmenu a.droplink:visited, #mobilesearch .txtfield.searchfield, #dropsearch .searchfield, #footer a, #footer a:visited {text-shadow:-1px -1px 3px #000000;}
.digitalsign .contentbox .timebox h2, .digitalsign #header h1, .digitalsign #header h2, .digitalsign #theTime {text-shadow:-2px -2px 5px #000000;}
.digitalsign .contentbox h2, .digitalsign .contentbox .fctext, .digitalsign #sidebar .fctext {text-shadow:-1px -1px 5px #000000;}

/* BACKGROUNDS */
#header {border-bottom:1px #3c4a4f solid;} #pageframe {border-bottom:1px #000000 solid;border-top:1px #000000 solid;} #dropmenu {border-bottom:1px #3c4a4f solid;} #footer {border-top:1px #3c4a4f solid;}
body {background:#000000 url(/plugins/firstmagic/fmlibrary/backdrops/blackbubblesbackdrop.jpg) no-repeat top center;}
.digitalsign .contentbox, ul#drops li ul:first-child, .tabbedfolders .contentbox, .mobilesite .listingdir #plainpageframe .contentbody, .mobilesite .mofirstclassdir #plainpageframe .contentbody, .digitalsign #sidebar, .digitalsign #header {box-shadow:2px 2px 5px #000000;}
.digitalsign #sidebar, .digitalsign .timebox h2, .contentbox, .calevent, .website #sidebar .fcwrap, #sidebar h2, .odd {background:url(/plugins/firstmagic/fmlibrary/backdrops/bright03.png);}
#pageframe, #plainpageframe {background:url(/Plugins/FirstMagic/fmlibrary/backdrops/darker.png);} 
ul#drops li ul:first-child, .tabbedfolders .contentbox {background:#2a3338;}
.digitalsign .contentbox, #mobilemenu, #dropmenu, .digitalsign #header, .even {background:url(/plugins/firstmagic/fmlibrary/backdrops/blackdrop.png);}
.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;}

/* 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;}
#dropsearch {width:160px;margin:0px 8% 0px 0px;}
#dropsearch .searchfield {float:left;width:98%;text-indent:15px;border-radius:0px;} #dropsearch .searchsubmit {margin-left:-26px;margin-top:4px;}
 a .fcquote .fctext, input.formbtn {padding:5px 8px 5px 8px;}
#footer, #header {padding-left:8%;padding-right:8%;}
#dropmenu {padding-left:0%;padding-right:0%;}
ul#drops {padding:0px 0% 0px 8%;}
#pageframe {padding:36px 6% 0px 6%;}
#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;}
.contentbox {padding:10px;}
#sidebar h2 {padding:7px 10px 0px 10px;} #sidebar .fcwrap {padding:0px 10px 7px 10px;}
#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:2px 0px 0px 0px;}
#dropmenu a.droplink {padding:5px 5px 5px 5px !important;width:200px;}
#breadcrumbs {margin-bottom:15px;}
.fctext a.sidebarlink, .fctext a.sidebarlink:visited {padding:5px 0px 0px 0px;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, .calevent, .mobilesite .listingdir #plainpageframe .contentbody, .mobilesite .mofirstclassdir #plainpageframe .contentbody, .calevent {border-radius:5px;}
ul#drops li ul:first-child {border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
#sidebar .widgetfield {border-radius:20px;padding-top:5px;padding-bottom:5px;} 
.digitalsign .timebox h2 {text-align:right;}
.question td.fctext.label input {margin-left:30px;}
#footer {text-align:left;} #signature {text-align:right;} #signature {float:right;}
#sidebar h2 {border-top-left-radius:3px;border-top-right-radius:3px;} #sidebar .fcwrap {border-bottom-left-radius:3px;border-bottom-right-radius:3px;}

/* TWEAKS */
#wrapper.mobileview {padding:0px;margin:0px;width:100%;overflow:hidden;}
.mobileview #header {text-align:center;margin:0px 0px 0px 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, #dropsearch .searchfield {background:transparent;}
.current.cap a, .mobileview  .current a, .txtfield, textarea.rsstxtfield, .digitalsign .timebox {background-image:none !important;}
#dropsearch .searchfield {border:none !important;}
.txtfield, textarea.rsstxtfield, .mobilesite .contentbox, .mobilesite .listobject.inlinecontentbox, .mobilesite .listingdir .listobject:last-child, .mobilesite .mofirstclassdir .listobject:last-child {border:none !important;box-shadow:none;}
.listingdir.mobileview .datestamp, .projectdir.mobileview  .listobject .fctext.faded .advsearch, .tabsdir.mobileview  .listobject .fctext.faded .advsearch, .uppercontentbody .date {display:none;}
.faded {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;}