/* DeepWater_FMskin.css */

/* FCWS */
.wswrap * {font-family: Optima,Segoe,Segoe UI,Candara,Calibri,Arial,sans-serif !important;font-size:16px !important;line-height:21px !important;color:#ffffff !important;}
.digitalsign #sidebar .wswrap * {font-size:19px !important;line-height:25px !important;}
#sidebar .wswrap * {text-shadow:-1px -1px 5px #000000;}
.wswrap a, .wswrap a:visited {text-decoration:underline;}

/* FONT SIZES */
body, .fctext, input, textarea, .txtfield, .contentbox h4.fctext.txtlimit {font-size:16px;line-height:21px;}
 .smallfctext, ul.dropxtra li a.droplink, #dropmenu .droplink, .commentsfooter .fctext, .minimsgform .txtfield.widgetformbox, #footer, #breadcrumbs, .permalink, .date, .label, .tilesdir .contentbox .fctext {font-size:13px;line-height:18px;}
.digitalsign .contentbox.event .fctext, .digitalsign .contentbox.task .fctext, .digitalsign #sidebar .fctext, h2, h3, .guestform h4.fctext, .blogdir h1{font-size:19px;line-height:25px;}
#dropmenu {line-height:40px;min-height:40px;}
h1, .fctext .panenumber {font-size:30px;line-height:42px;}
.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;}
.mobilesite .calendarmonth h2.caldate a, .calendarmonth.mobileview h2.caldate a {font-size:14px !important;line-height:21px !important;}

/* FONT FAMILY */
body, .fctext, input, h1, h2, h3, h4, #mobilemenu div a, #mobilesearch .txtfield.searchfield {font-family: Optima,Segoe,Segoe UI,Candara,Calibri,Arial,sans-serif;}

/* COLORS */
body,.fctext, .caltoday h2.caldate a, .caltoday h2.caldate a:visited, .digitalsign .timebox h2 {color:#ffffff;}
a, a:visited, .digitalsign h2, .digitalsign h1, .panenumber {color:#00abe6;}
#dropmenu ul li a, #dropmenu ul li a:visited, #footer a, #footer a:visited, #dropmenu ul li.current ul li a, #dropmenu ul li.current ul li a:visited {color:#65737a;}
#dropmenu ul li a:hover, #dropmenu .current a, #dropmenu .current a:visited, #dropmenu ul li.current ul li a:hover, #footer a:hover, .digitalsign #theTime {color:#ffffff;}
h1, h2, h3, #headerticker, .label, .date, #dropsearch .searchfield, a:hover, .timestamp, .datestamp {color:#69a9ff;}

/* SHADOWS */
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 .contentbox .timebox h2, .digitalsign #header h1, .digitalsign #header h2, .digitalsign #theTime, .digitalsign .contentbox h2, .digitalsign .contentbox .fctext, .digitalsign #sidebar .fctext {text-shadow:-1px -1px 5px #000000;}
.digitalsign #sidebar, .digitalsign #header, ul#drops li ul:first-child, .digitalsign .contentbox, .mobilesite .listingdir #plainpageframe .contentbody, .mobilesite .mofirstclassdir #plainpageframe .contentbody, .tabbedfolders .contentbox {box-shadow:2px 2px 5px #000000;}

/* BACKGROUNDS */
body {background:#000000 url(/plugins/firstmagic/fmlibrary/backdrops/deepwater.jpg) no-repeat top center;background-attachment:fixed;}
#dropmenu {background:#000000;}
#dropsearch .searchfield {background:transparent;}
.contentbox {background:url(/Plugins/FirstMagic/fmlibrary/backdrops/bright.png);}
.digitalsign #sidebar {background:url(/Plugins/FirstMagic/fmlibrary/backdrops/bright.png);}
.tabbedfolders .contentbox {background:#1b3f4e;}
.digitalsign #header, #mobilemenu, #dropmenu, ul#drops, ul#drops li ul:first-child, .mobileview #dropmenu ul, #mobilemenu div a, #mobilemenu div a:visited {background-color:#000000;}
.mobilesite .listobject.even.inlinecontentbox:hover, .mobilesite .listobject.even.inlinecontentbox:active, .mobilesite .listobject.odd.inlinecontentbox:hover, .mobilesite .listobject.odd.inlinecontentbox:active {background:url(/Plugins/FirstMagic/fmlibrary/backdrops/brighter.png);}
.mobilesite #wrapper.mofirstclassdir #plainpageframe .contentbody {background:url(/Plugins/FirstMagic/fmlibrary/backdrops/dark.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;}
.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;}
.digitalsign .timebox {background:url(/Plugins/FirstMagic/fmlibrary/backdrops/bluearrow.png) no-repeat center right;}

/* STYLES */
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 {text-transform:uppercase;} .portaldir h4.fctext, .portaldir .timestamp, .portaldir .datestamp, .tilesdir h4.fctext, .tilesdir .timestamp, .tilesdir .datestamp {text-align:center;}
a .fcquote .fctext, a .fcquote .fctext:visited, input.formbtn, .calendarmonth .caltoday h2.caldate a, #mobilemenu div a {font-weight:bold !important;}

/* 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:0px 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:64%;} #sidebar {width:28%;} #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:7px;}
#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;} 
a .fcquote .fctext, a .fcquote .fctext:visited, input.formbtn, .minimsgform input.formbtn {padding:5px 8px 5px 8px !important;}
.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;}

/* 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;}
.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;}