/*
* Skin for jPlayer Plugin (jQuery JavaScript Library)
* http://www.happyworm.com/jquery/jplayer
*
* Skin Name: Blue Monday
*
* Copyright (c) 2010-2011 Happyworm Ltd
* Dual licensed under the MIT and GPL licenses.
* - http://www.opensource.org/licenses/mit-license.php
* - http://www.gnu.org/copyleft/gpl.html
*
* Author: Silvia Benvenuti
* Skin Version: 4.0 (jPlayer 2.1.0)
* Date: 1st September 2011
*/
/* KLD - Added to avoid clashes with general ul and li styles */
div.jp-audio ul li,
div.jp-video ul li
{
background-image: none;
padding-left: 0;
margin: 0;
}
div.jp-audio,
div.jp-video {
/* Edit the font-size to counteract inherited font sizing.
* Eg. 1.25em = 1 / 0.8em
*/
font-size:1.25em; /* 1.25em for testing in site pages */ /* No parent CSS that can effect the size in the demos ZIP */
font-family:Verdana, Arial, sans-serif;
line-height:1.6;
color: #666;
border:1px solid #009be3;
background-color:#eee;
position:relative;
}
div.jp-audio {
width:420px;
}
div.jp-video-270p {
width:480px;
}
div.jp-video-360p {
width:640px;
}
div.jp-video-full {
/* Rules for IE6 (full-screen) */
width:480px;
height:270px;
/* Rules for IE7 (full-screen) - Otherwise the relative container causes other page items that are not position:static (default) to appear over the video/gui. */
position:static !important; position:relative
}
div.jp-video-full div.jp-jplayer {
top: 0;
left: 0;
/* Rules for IE6 (full-screen) */
position: fixed !important; position: relative;
overflow: hidden;
z-index:11000;
}
div.jp-video-full div.jp-gui {
/* Rules for IE6 (full-screen) */
position: fixed !important; position: static;
top: 0;
left: 0;
width:100%;
height:100%;
z-index:11000;
}
div.jp-video-full div.jp-interface {
/* Rules for IE6 (full-screen) */
position: absolute !important; position: relative;
bottom: 0;
left: 0;
z-index:11000;
}
div.jp-interface {
position: relative;
background-color:#eee;
width:100%;
}
div.jp-audio div.jp-type-single div.jp-interface {
height:80px;
}
div.jp-audio div.jp-type-playlist div.jp-interface {
height:80px;
}
div.jp-video div.jp-interface {
border-top:1px solid #009be3;
}
/* @group CONTROLS */
div.jp-controls-holder {
clear: both;
width:440px;
margin:0 auto;
position: relative;
overflow:hidden;
top:-8px; /* This negative value depends on the size of the text in jp-currentTime and jp-duration */
}
div.jp-interface ul.jp-controls {
list-style-type:none;
margin:0;
padding: 0;
overflow:hidden;
}
div.jp-audio ul.jp-controls {
width: 380px;
padding:20px 20px 0 20px;
}
div.jp-video div.jp-type-single ul.jp-controls {
width: 78px;
margin-left: 200px;
}
div.jp-video div.jp-type-playlist ul.jp-controls {
width: 134px;
margin-left: 172px;
}
div.jp-video ul.jp-controls,
div.jp-interface ul.jp-controls li {
display:inline;
float: left;
}
div.jp-interface ul.jp-controls a {
display:block;
overflow:hidden;
text-indent:-9999px;
}
a.jp-play,
a.jp-pause {
width:40px;
height:40px;
}
a.jp-play {
background: url("/Data/style/jplayer/bluemonday//jplayer.blue.monday.jpg") 0 0 no-repeat;
}
a.jp-play:hover {
background: url("/Data/style/jplayer/bluemonday//jplayer.blue.monday.jpg") -41px 0 no-repeat;
}
a.jp-pause {
background: url("/Data/style/jplayer/bluemonday//jplayer.blue.monday.jpg") 0 -42px no-repeat;
display: none;
}
a.jp-pause:hover {
background: url("/Data/style/jplayer/bluemonday//jplayer.blue.monday.jpg") -41px -42px no-repeat;
}
a.jp-stop, a.jp-previous, a.jp-next {
width:28px;
height:28px;
margin-top:6px;
}
a.jp-stop {
background: url("/Data/style/jplayer/bluemonday//jplayer.blue.monday.jpg") 0 -83px no-repeat;
margin-left:10px;
}
a.jp-stop:hover {
background: url("/Data/style/jplayer/bluemonday//jplayer.blue.monday.jpg") -29px -83px no-repeat;
}
a.jp-previous {
background: url("/Data/style/jplayer/bluemonday//jplayer.blue.monday.jpg") 0 -112px no-repeat;
}
a.jp-previous:hover {
background: url("/Data/style/jplayer/bluemonday//jplayer.blue.monday.jpg") -29px -112px no-repeat;
}
a.jp-next {
background: url("/Data/style/jplayer/bluemonday//jplayer.blue.monday.jpg") 0 -141px no-repeat;
}
a.jp-next:hover {
background: url("/Data/style/jplayer/bluemonday//jplayer.blue.monday.jpg") -29px -141px no-repeat;
}
/* @end */
/* @group progress bar */
div.jp-progress {
overflow:hidden;
background-color: #ddd;
}
div.jp-audio div.jp-progress {
position: absolute;
top:32px;
height:15px;
}
div.jp-audio div.jp-type-single div.jp-progress {
left:110px;
width:186px;
}
div.jp-audio div.jp-type-playlist div.jp-progress {
left:100px;
width:130px;
}
.AudioPlayer div.jp-audio div.jp-type-playlist div.jp-progress {
left:166px;
width:130px;
}
div.jp-video div.jp-progress {
top:0px;
left:0px;
width:100%;
height:10px;
}
div.jp-seek-bar {
background: url("/Data/style/jplayer/bluemonday//jplayer.blue.monday.jpg") 0 -202px repeat-x;
width:0px;
height:100%;
cursor: pointer;
}
div.jp-play-bar {
background: url("/Data/style/jplayer/bluemonday//jplayer.blue.monday.jpg") 0 -218px repeat-x ;
width:0px;
height:100%;
}
/* The seeking class is added/removed inside jPlayer */
div.jp-seeking-bg {
background: url("/Data/style/jplayer/bluemonday//jplayer.blue.monday.seeking.gif");
}
/* @end */
/* @group volume controls */
a.jp-mute,
a.jp-unmute,
a.jp-volume-max {
width:18px;
height:15px;
margin-top:12px;
}
div.jp-audio div.jp-type-single a.jp-mute,
div.jp-audio div.jp-type-single a.jp-unmute {
margin-left: 210px;
}
div.jp-audio div.jp-type-playlist a.jp-mute,
div.jp-audio div.jp-type-playlist a.jp-unmute {
margin-left: 154px;
}
div.jp-audio a.jp-volume-max {
margin-left: 56px;
}
div.jp-video a.jp-mute,
div.jp-video a.jp-unmute,
div.jp-video a.jp-volume-max {
position: absolute;
top:12px;
margin-top:0;
}
div.jp-video a.jp-mute,
div.jp-video a.jp-unmute {
left: 50px;
}
div.jp-video a.jp-volume-max {
left: 134px;
}
a.jp-mute {
background: url("/Data/style/jplayer/bluemonday//jplayer.blue.monday.jpg") 0 -170px no-repeat;
}
a.jp-mute:hover {
background: url("/Data/style/jplayer/bluemonday//jplayer.blue.monday.jpg") -19px -170px no-repeat;
}
a.jp-unmute {
background: url("/Data/style/jplayer/bluemonday//jplayer.blue.monday.jpg") -60px -170px no-repeat;
display: none;
}
a.jp-unmute:hover {
background: url("/Data/style/jplayer/bluemonday//jplayer.blue.monday.jpg") -79px -170px no-repeat;
}
a.jp-volume-max {
background: url("/Data/style/jplayer/bluemonday//jplayer.blue.monday.jpg") 0 -186px no-repeat;
}
a.jp-volume-max:hover {
background: url("/Data/style/jplayer/bluemonday//jplayer.blue.monday.jpg") -19px -186px no-repeat;
}
div.jp-volume-bar {
position: absolute;
overflow:hidden;
background: url("/Data/style/jplayer/bluemonday//jplayer.blue.monday.jpg") 0 -250px repeat-x;
width:46px;
height:5px;
cursor: pointer;
}
div.jp-audio div.jp-volume-bar {
top:37px;
left:330px;
}
div.jp-video div.jp-volume-bar {
top:17px;
left:72px;
}
div.jp-volume-bar-value {
background: url("/Data/style/jplayer/bluemonday//jplayer.blue.monday.jpg") 0 -256px repeat-x;
width:0px;
height:5px;
}
/* @end */
/* @group current time and duration */
div.jp-audio div.jp-time-holder {
position:absolute;
top:50px;
}
div.jp-audio div.jp-type-single div.jp-time-holder {
left:110px;
width:186px;
}
div.jp-audio div.jp-type-playlist div.jp-time-holder {
left:166px;
width:130px;
}
div.jp-current-time,
div.jp-duration {
width:60px;
font-size:.64em;
font-style:oblique;
}
div.jp-current-time {
float: left;
display:inline;
}
div.jp-duration {
float: right;
display:inline;
text-align: right;
}
div.jp-video div.jp-current-time {
margin-left:20px;
}
div.jp-video div.jp-duration {
margin-right:20px;
}
/* @end */
/* @group playlist */
div.jp-title {
font-weight:bold;
text-align:center;
}
div.jp-title,
div.jp-playlist {
width:100%;
background-color:#ccc;
border-top:1px solid #009be3;
}
div.jp-type-single div.jp-title,
div.jp-type-playlist div.jp-title,
div.jp-type-single div.jp-playlist {
border-top:none;
}
div.jp-title ul,
div.jp-playlist ul {
list-style-type:none;
margin:0;
padding:0 20px;
font-size:.72em;
}
div.jp-title li {
padding:5px 0;
font-weight:bold;
}
div.jp-playlist li {
padding:5px 0 4px 20px;
border-bottom:1px solid #eee;
}
div.jp-playlist li div {
display:inline;
}
/* Note that the first-child (IE6) and last-child (IE6/7/8) selectors do not work on IE */
div.jp-type-playlist div.jp-playlist li:last-child {
/* padding:5px 0 5px 20px; */
padding:5px 0 5px 0px;
border-bottom:none;
}
div.jp-type-playlist div.jp-playlist li.jp-playlist-current {
list-style-type:square;
list-style-position:inside;
padding-left:7px;
}
div.jp-type-playlist div.jp-playlist a {
color: #333;
text-decoration: none;
}
div.jp-type-playlist div.jp-playlist a:hover {
color:#0d88c1;
}
div.jp-type-playlist div.jp-playlist a.jp-playlist-current {
color:#0d88c1;
}
div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove {
float:right;
display:inline;
text-align:right;
margin-right:10px;
font-weight:bold;
color:#666;
}
div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove:hover {
color:#0d88c1;
}
div.jp-type-playlist div.jp-playlist span.jp-free-media {
float:right;
display:inline;
text-align:right;
margin-right:10px;
}
div.jp-type-playlist div.jp-playlist span.jp-free-media a{
color:#666;
}
div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover{
color:#0d88c1;
}
span.jp-artist {
font-size:.8em;
color:#666;
}
/* @end */
div.jp-video-play {
position:absolute;
top:0;
left:0;
width:100%;
cursor:pointer;
background-color:rgba(0,0,0,0); /* Makes IE9 work with the active area over the whole video area. IE6/7/8 only have the button as active area. */
}
div.jp-video-270p div.jp-video-play {
height:270px;
}
div.jp-video-360p div.jp-video-play {
height:360px;
}
div.jp-video-full div.jp-video-play {
height:100%;
z-index:11000;
}
a.jp-video-play-icon {
position:relative;
display:block;
width: 112px;
height: 100px;
margin-left:-56px;
margin-top:-50px;
left:50%;
top:50%;
background: url("/Data/style/jplayer/bluemonday//jplayer.blue.monday.video.play.png") 0 0 no-repeat;
text-indent:-9999px;
}
div.jp-video-play:hover a.jp-video-play-icon {
background: url("/Data/style/jplayer/bluemonday//jplayer.blue.monday.video.play.png") 0 -100px no-repeat;
}
div.jp-jplayer audio,
div.jp-jplayer {
width:0px;
height:0px;
}
div.jp-jplayer {
background-color: #000000;
}
/* @group TOGGLES */
/* The audio toggles are nested inside jp-time-holder */
ul.jp-toggles {
list-style-type:none;
padding:0;
margin:0 auto;
overflow:hidden;
}
div.jp-audio .jp-type-single ul.jp-toggles {
width:25px;
}
div.jp-audio .jp-type-playlist ul.jp-toggles {
width:55px;
margin: 0;
position: absolute;
left: 325px;
top: 50px;
}
div.jp-video ul.jp-toggles {
margin-top:10px;
width:100px;
}
ul.jp-toggles li {
display:block;
float:right;
}
ul.jp-toggles li a {
display:block;
width:25px;
height:18px;
text-indent:-9999px;
line-height:100%; /* need this for IE6 */
}
a.jp-full-screen {
background: url("/Data/style/jplayer/bluemonday//jplayer.blue.monday.jpg") 0 -310px no-repeat;
margin-left: 20px;
}
a.jp-full-screen:hover {
background: url("/Data/style/jplayer/bluemonday//jplayer.blue.monday.jpg") -30px -310px no-repeat;
}
a.jp-restore-screen {
background: url("/Data/style/jplayer/bluemonday//jplayer.blue.monday.jpg") -60px -310px no-repeat;
margin-left: 20px;
}
a.jp-restore-screen:hover {
background: url("/Data/style/jplayer/bluemonday//jplayer.blue.monday.jpg") -90px -310px no-repeat;
}
a.jp-repeat {
background: url("/Data/style/jplayer/bluemonday//jplayer.blue.monday.jpg") 0 -290px no-repeat;
}
a.jp-repeat:hover {
background: url("/Data/style/jplayer/bluemonday//jplayer.blue.monday.jpg") -30px -290px no-repeat;
}
a.jp-repeat-off {
background: url("/Data/style/jplayer/bluemonday//jplayer.blue.monday.jpg") -60px -290px no-repeat;
}
a.jp-repeat-off:hover {
background: url("/Data/style/jplayer/bluemonday//jplayer.blue.monday.jpg") -90px -290px no-repeat;
}
a.jp-shuffle {
background: url("/Data/style/jplayer/bluemonday//jplayer.blue.monday.jpg") 0 -270px no-repeat;
margin-left: 5px;
}
a.jp-shuffle:hover {
background: url("/Data/style/jplayer/bluemonday//jplayer.blue.monday.jpg") -30px -270px no-repeat;
}
a.jp-shuffle-off {
background: url("/Data/style/jplayer/bluemonday//jplayer.blue.monday.jpg") -60px -270px no-repeat;
margin-left: 5px;
}
a.jp-shuffle-off:hover {
background: url("/Data/style/jplayer/bluemonday//jplayer.blue.monday.jpg") -90px -270px no-repeat;
}
/* @end */
/* @group NO SOLUTION error feedback */
.jp-no-solution {
position:absolute;
width:390px;
margin-left:-202px;
left:50%;
top: 10px;
padding:5px;
font-size:.8em;
background-color:#eee;
border:2px solid #009be3;
color:#000;
display:none;
}
.jp-no-solution a {
color:#000;
}
.jp-no-solution span {
font-size:1em;
display:block;
text-align:center;
font-weight:bold;
}
/* @end */
/*
Colorbox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
/*
User Style:
Change the following styles to modify the appearance of Colorbox. They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
#cboxTopLeft{width:14px; height:14px; background:url("/ClientScript/colorbox/colorbox-dark-1//images/controls.png") no-repeat 0 0;}
#cboxTopCenter{height:14px; background:url("/ClientScript/colorbox/colorbox-dark-1//images/border.png") repeat-x top left;}
#cboxTopRight{width:14px; height:14px; background:url("/ClientScript/colorbox/colorbox-dark-1//images/controls.png") no-repeat -36px 0;}
#cboxBottomLeft{width:14px; height:43px; background:url("/ClientScript/colorbox/colorbox-dark-1//images/controls.png") no-repeat 0 -32px;}
#cboxBottomCenter{height:43px; background:url("/ClientScript/colorbox/colorbox-dark-1//images/border.png") repeat-x bottom left;}
#cboxBottomRight{width:14px; height:43px; background:url("/ClientScript/colorbox/colorbox-dark-1//images/controls.png") no-repeat -36px -32px;}
#cboxMiddleLeft{width:14px; background:url("/ClientScript/colorbox/colorbox-dark-1//images/controls.png") repeat-y -175px 0;}
#cboxMiddleRight{width:14px; background:url("/ClientScript/colorbox/colorbox-dark-1//images/controls.png") repeat-y -211px 0;}
#cboxContent{background:#fff; overflow:visible;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:5px;}
#cboxLoadingOverlay{background:url("/ClientScript/colorbox/colorbox-dark-1//images/loading_background.png") no-repeat center center;}
#cboxLoadingGraphic{background:url("/ClientScript/colorbox/colorbox-dark-1//images/loading.gif") no-repeat center center;}
#cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
#cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; position:absolute; bottom:-29px; background:url("/ClientScript/colorbox/colorbox-dark-1//images/controls.png") no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxPrevious{left:0px; background-position: -51px -25px;}
#cboxPrevious:hover{background-position:-51px 0px;}
#cboxNext{left:27px; background-position:-75px -25px;}
#cboxNext:hover{background-position:-75px 0px;}
#cboxClose{right:0; background-position:-100px -25px;}
#cboxClose:hover{background-position:-100px 0px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
.cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
.cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;}/* -------------------------------------------------------------------
// markItUp! Universal MarkUp Engine, JQuery plugin
// By Jay Salvat - http://markitup.jaysalvat.com/
// ------------------------------------------------------------------*/
.markItUp * {
margin:0px; padding:0px;
outline:none;
}
.markItUp a:link,
.markItUp a:visited {
color:#000;
text-decoration:none;
}
.markItUp {
width:700px;
margin:5px 0 5px 0;
border:5px solid #F5F5F5;
}
.markItUpContainer {
border:1px solid #3C769D;
background:#FFF url("/ClientScript/markitup/skins/html//images/bg-container.png") repeat-x top left;
padding:5px 5px 2px 5px;
font:11px Verdana, Arial, Helvetica, sans-serif;
}
.markItUpEditor {
font:12px 'Courier New', Courier, monospace;
padding:5px 5px 5px 35px;
border:3px solid #3C769D;
width:643px;
height:320px;
background:#FFF url("/ClientScript/markitup/skins/html//images/bg-editor.png") no-repeat;
clear:both;
line-height:18px;
overflow:auto;
}
.markItUpPreviewFrame {
overflow:auto;
background-color:#FFFFFF;
border:1px solid #3C769D;
width:99.9%;
height:300px;
margin:5px 0;
}
.markItUpFooter {
width:100%;
cursor:n-resize;
}
.markItUpResizeHandle {
overflow:hidden;
width:22px; height:5px;
margin-left:auto;
margin-right:auto;
background-image:url("/ClientScript/markitup/skins/html//images/handle.png");
cursor:n-resize;
}
/***************************************************************************************/
.markItUpEditor {
background:#FFF url("/ClientScript/markitup/skins/html//images/bg-editor-html.png") no-repeat;
}
/* first row of buttons */
.markItUpHeader ul li {
list-style:none;
float:left;
position:relative;
}
.markItUpHeader ul li ul{
display:none;
}
.markItUpHeader ul li:hover > ul{
display:block;
}
.markItUpHeader ul .markItUpDropMenu {
background:transparent url("/ClientScript/markitup/skins/html//images/menu.png") no-repeat 115% 50%;
margin-right:5px;
}
.markItUpHeader ul .markItUpDropMenu li {
margin-right:0px;
}
.markItUpHeader ul .markItUpSeparator {
margin:0 10px;
width:1px;
height:16px;
overflow:hidden;
background-color:#CCC;
}
.markItUpHeader ul ul .markItUpSeparator {
width:auto; height:1px;
margin:0px;
}
/* next rows of buttons */
.markItUpHeader ul ul {
display:none;
position:absolute;
top:18px; left:0px;
background:#F5F5F5;
border:1px solid #3C769D;
height:inherit;
}
.markItUpHeader ul ul li {
float:none;
border-bottom:1px solid #3C769D;
}
.markItUpHeader ul ul .markItUpDropMenu {
background:#F5F5F5 url("/ClientScript/markitup/skins/html//images/submenu.png") no-repeat 100% 50%;
}
/* next rows of buttons */
.markItUpHeader ul ul ul {
position:absolute;
top:-1px; left:150px;
}
.markItUpHeader ul ul ul li {
float:none;
}
.markItUpHeader ul a {
display:block;
width:16px; height:16px;
text-indent:-10000px;
background-repeat:no-repeat;
padding:3px;
margin:0px;
}
.markItUpHeader ul ul a {
display:block;
padding-left:0px;
text-indent:0;
width:120px;
padding:5px 5px 5px 25px;
background-position:2px 50%;
}
.markItUpHeader ul ul a:hover {
color:#FFF;
background-color:#3C769D;
}
/***************************************************************************************/
.html .markItUpButton1 a {
background-image:url("/ClientScript/markitup/skins/html//images/h1.png");
}
.html .markItUpButton2 a {
background-image:url("/ClientScript/markitup/skins/html//images/h2.png");
}
.html .markItUpButton3 a {
background-image:url("/ClientScript/markitup/skins/html//images/h3.png");
}
.html .markItUpButton4 a {
background-image:url("/ClientScript/markitup/skins/html//images/h4.png");
}
/*
.html .markItUpButton5 a {
background-image:url("/ClientScript/markitup/skins/html//images/h5.png");
}
.html .markItUpButton6 a {
background-image:url("/ClientScript/markitup/skins/html//images/h6.png");
}
.html .markItUpButton7 a {
background-image:url("/ClientScript/markitup/skins/html//images/paragraph.png");
}
*/
.html .markItUpButton5 a {
background-image:url("/ClientScript/markitup/skins/html//images/paragraph.png");
}
.html .markItUpButton6 a {
background-image:url("/ClientScript/markitup/skins/html//images/bold.png");
}
/*
.html .markItUpButton9 a {
background-image:url("/ClientScript/markitup/skins/html//images/italic.png");
}
.html .markItUpButton10 a {
background-image:url("/ClientScript/markitup/skins/html//images/stroke.png");
}
.html .markItUpButton11 a {
background-image:url("/ClientScript/markitup/skins/html//images/list-bullet.png");
}
.html .markItUpButton12 a {
background-image:url("/ClientScript/markitup/skins/html//images/list-numeric.png");
}
.html .markItUpButton13 a {
background-image:url("/ClientScript/markitup/skins/html//images/list-item.png");
}
.html .markItUpButton14 a {
background-image:url("/ClientScript/markitup/skins/html//images/picture.png");
}
.html .markItUpButton15 a {
background-image:url("/ClientScript/markitup/skins/html//images/link.png");
}
.html .markItUpButton16 a {
background-image:url("/ClientScript/markitup/skins/html//images/clean.png");
}
*/
.html .markItUpButton7 a {
background-image:url("/ClientScript/markitup/skins/html//images/list-bullet.png");
}
.html .markItUpButton8 a {
background-image:url("/ClientScript/markitup/skins/html//images/list-numeric.png");
}
.html .markItUpButton9 a {
background-image:url("/ClientScript/markitup/skins/html//images/list-item.png");
}
.html .markItUpButton10 a {
background-image:url("/ClientScript/markitup/skins/html//images/picture.png");
}
.html .markItUpButton11 a {
background-image:url("/ClientScript/markitup/skins/html//images/link.png");
}
.html .preview a {
background-image:url("/ClientScript/markitup/skins/html//images/preview.png");
}
div#toolbar, div#toolbarbut
{
position:fixed;
bottom: 0px;
right: 0px;
z-index: 99;
height: 36px;
background-image: url("/Data/style/jqtoolbar//bcktool.jpg");
/*
using a png caused issues in IE8
background-image: url("/Data/style/jqtoolbar//bcktool.png");
*/
border-top: 1px solid #eee;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
/* CSS3 */
-moz-border-radius-topleft: 8px;
-khtml-border-radius-topleft: 8px;
-webkit-border-top-left-radius: 8px;
-moz-border-radius-topright: 8px;
-khtml-border-radius-topright: 8px;
-webkit-border-top-right-radius: 8px;
-moz-box-shadow: 0px 1px 10px #666, inset 1px 1px 0px #a4a4a4;
-khtml-box-shadow: 0px 1px 10px #666;
-webkit-box-shadow: 0px 1px 10px #666;
/* CSS3 end */
}
div#toolbar {
width: 90%;
min-width: 800px; /* to limit the width when an excessive window resize */
margin: 0px auto; /* centered toolbar */
left: 0px;
}
div#toolbarbut { /* div for the 'hide status' */
width: 60px;
height: 15px;
margin-right: 3%;
display: none;
}
span.showbar a { /* show button */
padding: 5px;
font-size: 10px;
color: #555;
}
.toolbarleft{
float: left; display:none;
}
.toolbarright
{ white-space:nowrap;
margin-top: 0px;
margin-bottom: 10px;
margin-left:10px;
float: right;
}
/* for ipad fixed positioning is problematic */
/*
@media only screen and (device-width: 768px) {
div#toolbar, div#toolbarbut { position:static; }
}
*/
/*-- Left Side --*/
ul#social li {
display: inline;
}
#social { float: left;}
a.rss, a.facebook, a.twitter, a.digg, a.delicious, a.stumble {
display: inline-block;
width: 40px;
height: 35px;
margin-top: 1px;
}
a.rss:hover, a.facebook:hover, a.twitter:hover, a.digg:hover, a.delicious:hover, a.stumble:hover {
background-position: 1px 1px; /* simple css hover effect */
}
a.rss {
background: url("/Data/style/jqtoolbar//rss.png") no-repeat;
}
a.facebook {
background: url("/Data/style/jqtoolbar//facebook.png") no-repeat;
}
a.twitter {
background: url("/Data/style/jqtoolbar//twitter.png") no-repeat;
}
a.delicious {
background: url("/Data/style/jqtoolbar//delicious.png") no-repeat;
}
a.digg {
background: url("/Data/style/jqtoolbar//digg.png") no-repeat;
}
a.stumble {
background: url("/Data/style/jqtoolbar//stumble.png") no-repeat;
}
/*-- Right Side --*/
span.downarr { /* hide button */
float: right;
border-left: 1px solid #a4a4a4;
}
span.downarr a {
display: block;
width: 36px;
height: 26px;
padding: 25px 0 0 10px;
background: url("/Data/style/jqtoolbar//downarrow.png") no-repeat 5px 7px;
}
#toolbar ul {
margin:0;
padding:0;
list-style:none;
}
#toolbar a.adminlink ,
#toolbar a.adminlink:link ,
#toolbar a.adminlink:visited ,
#toolbar a.adminlink:hover ,
#toolbar a.adminlink:active {
font-size: 14px!important;
border-left: 1px solid #a4a4a4;
padding: 8px 8px 10px 23px;
line-height: 32px;
color: #555;
text-decoration:none;
}
#toolbar a.adminlink:hover { text-decoration:underline;}
#toolbar a.adminlink { font-weight:700; text-decoration: underline; }
#toolbar a.adminlink:hover { color: #666;}
#toolbar a.adminmenulink { background: transparent url("/Data/style/jqtoolbar//key.png") no-repeat; background-position : 5px 50%; }
#toolbar a.filemanlink { background: transparent url("/Data/style/jqtoolbar//folder_explore.png") no-repeat; background-position : 5px 50%; }
#toolbar a.newpagelink { background: transparent url("/Data/style/jqtoolbar//page_white_add.png") no-repeat; background-position : 5px 50%; }
#toolbar a.pageeditlink { background: transparent url("/Data/style/jqtoolbar//page_white_edit.png") no-repeat; background-position : 5px 50%; }
#toolbar a.pagesettingslink { background: transparent url("/Data/style/jqtoolbar//page_white_wrench.png") no-repeat; background-position : 2px 50%; }
span.normalthread{ background: url("/Data/style/forums//folder.png") no-repeat; display:inline-block; width:18px; height:20px; }
span.lockedthread{ background: url("/Data/style/forums//lock.png") no-repeat; display:inline-block; width:18px; height:20px; }
span.stickythread{ background: url("/Data/style/forums//folder_star.png") no-repeat; display:inline-block; width:18px; height:20px; }
.newthread, .newpost { background: url("/Data/style/forums//folder_edit.png") no-repeat; background-position: 0px 2px; padding-left:18px; }
.forumEdit, .threadEdit, .postEdit { background: url("/Data/style/forums//pencil.png") no-repeat; background-position: 0px 0px; padding-left:18px; }
.forumfeed { background: url("/Data/style/forums//feed.png") no-repeat; background-position: 0px 0px; padding-left:18px; }.ajax__calendar_container {padding:4px;position:absolute;cursor:default;width:170px;font-size:11px;text-align:center;font-family:tahoma,verdana,helvetica;}
.ajax__calendar_body {height:139px;width:170px;position:relative;overflow:hidden;margin:auto;}
.ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {top:0px;left:0px;height:139px;width:170px;position:absolute;text-align:center;margin:auto;}
.ajax__calendar_container TABLE {font-size:11px;}
.ajax__calendar_header {height:20px;width:100%;}
.ajax__calendar_prev {cursor:pointer;width:15px;height:15px;float:left;background-repeat:no-repeat;background-position:50% 50%;background-image:url("/Data/style/CalExtender//arrow-left.gif");}
.ajax__calendar_next {cursor:pointer;width:15px;height:15px;float:right;background-repeat:no-repeat;background-position:50% 50%;background-image:url("/Data/style/CalExtender//arrow-right.gif");}
.ajax__calendar_title {cursor:pointer;font-weight:bold;}
.ajax__calendar_footer {height:15px;}
.ajax__calendar_today {cursor:pointer;padding-top:3px;}
.ajax__calendar_dayname {height:17px;width:17px;text-align:right;padding:0 2px;}
.ajax__calendar_day {height:17px;width:18px;text-align:right;padding:0 2px;cursor:pointer;}
.ajax__calendar_month {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}
.ajax__calendar_year {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}
.ajax__calendar .ajax__calendar_container {border:1px solid #646464;background-color:#ffffff;color:#000000;}
.ajax__calendar .ajax__calendar_footer {border-top:1px solid #f5f5f5;}
.ajax__calendar .ajax__calendar_dayname {border-bottom:1px solid #f5f5f5;}
.ajax__calendar .ajax__calendar_day {border:1px solid #ffffff;}
.ajax__calendar .ajax__calendar_month {border:1px solid #ffffff;}
.ajax__calendar .ajax__calendar_year {border:1px solid #ffffff;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_day {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_month {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_year {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.ajax__calendar .ajax__calendar_other .ajax__calendar_day {background-color:#ffffff;border-color:#ffffff;color:#646464;}
.ajax__calendar .ajax__calendar_other .ajax__calendar_year {background-color:#ffffff;border-color:#ffffff;color:#646464;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_day {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_month {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_year {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_title {color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_today {color:#0066cc;}
/* ----------------------------------
mojoPortal Admin Menu CSS
To use this, add this to your style.config file:
none
------------------------------------- */
/* Admin menu -- 2.8+ */
.panelwrapper.adminmenu {
padding: 30px 30px 30px 27px;
}
.adminmenu ul.simplelist * {
box-sizing: border-box;
}
.adminmenu ul.simplelist {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-left: -15px;
margin-right: -15px;
padding: 0
}
.adminmenu ul.simplelist>li {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100%/7);
flex: 0 0 calc(100%/7);
font-family: arial,sans-serif;
font-size: 14px;
min-width: 160px;
padding: 15px;
text-align: center;
}
.adminmenu ul.simplelist>li a {
border: 1px solid #ddd;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 15px;
position: relative;
text-decoration: none;
}
.adminmenu ul.simplelist>li a>span.fa {
margin: 10px 0;
font-size: 30px;
}
.adminmenu ul.simplelist>li a>span.fa.fa-stack {
font-size: 20px;
}
.adminmenu ul.simplelist>li a:hover {
background-color: #eee;
text-decoration: none;
}
/* Admin menu -- before 2.8
For more information about Crystal Clear icons, http://commons.wikimedia.org/wiki/Category:Crystal_Clear_icons
This css and few custom modified verasions of crystal icons were contributed by Steve Railsback of Colorado State U 2010-09-29
*/
/*
div.adminmenu { }
div.adminmenu ul.simplelist { margin: 0 0 1em -20px; }
div.adminmenu ul.simplelist li { float: left; display: block; background-image:none; }
div.adminmenu ul.simplelist li a {
line-height: 1em;
display: block;
width: 100px;
height: 40px;
float: left;
padding: 60px 10px 10px 10px;
margin: 5px;
text-decoration: none;
border: 1px solid #ddd;
text-align: center;
}
html[dir='rtl'] div.adminmenu ul li { float: right;}
html[dir='rtl'] div.adminmenu ul li a { float: right; }
div.adminmenu ul.simplelist li a:hover { color: #000; border: 1px solid #333; background-color: #eee; }
a.lnkSiteSettings { background: url("/Data/style/adminmenu//Crystal_Clear_action_run.png") no-repeat center 10px; }
a.lnkSecurityAdvisor, a.lnkSecurityAdvisorWarning {background: url("/Data/style/adminmenu//Crystal_Clear_app_agent.png") no-repeat center 10px; }
a.lnkSecurityAdvisorWarning { color:Red !important; border-color:Red !important; }
a.lnkSecurityAdvisorWarning:after { content: " Needs Attention! "; }
span.secwarning { display: none; }
a.lnkCommerceReports { background: url("/Data/style/adminmenu//Crystal_Clear_app_kchart.png") no-repeat center 10px;}
a.lnkContentManager { background: url("/Data/style/adminmenu//Crystal_Clear_mimetype_document.png") no-repeat center 10px;}
a.lnkContentWorkFlow { background: url("/Data/style/adminmenu//Crystal-Clear-content_workflow.png") no-repeat center 10px; }
a.lnkContentTemplates { background: url("/Data/style/adminmenu//Crystal_Clear_app_kivio.png") no-repeat center 10px;}
a.lnkStyleTemplates { background: url("/Data/style/adminmenu//Crystal-Clear-app-stylesheet.png") no-repeat center 10px;}
a.lnkSiteList { background: url("/Data/style/adminmenu//folder_html.png") no-repeat center 10px;}
a.lnkPageTree { background: url("/Data/style/adminmenu//Crystal-Clear-action-view-tree.png") no-repeat center 10px;}
a.lnkRoleAdmin { background: url("/Data/style/adminmenu//Crystal_Clear_users.png") no-repeat center 10px;}
a.lnkFileManager { background: url("/Data/style/adminmenu//Cystal_Clear_file_manager.png") no-repeat center 10px;}
a.lnkAddUser { background: url("/Data/style/adminmenu//Crystal_Clear_add_user.png") no-repeat center 10px;}
a.lnkCoreData { background: url("/Data/style/adminmenu//Crystal_Clear_app_database.png") no-repeat center 10px;}
a.lnkAdvancedTools { background: url("/Data/style/adminmenu//Crystal-Clear-action-configure.png") no-repeat center 10px;}
a.lnkLogViewer { background: url("/Data/style/adminmenu//Crystal-Clear-mimetype-vcalendar.png") no-repeat center 10px;}
a.lnkServerInfo { background: url("/Data/style/adminmenu//Crystal-Clear-app-ksysguard.png") no-repeat center 10px;}
a.lnkNewsletter { background: url("/Data/style/adminmenu//Crystal-Clear-app-kontact.png") no-repeat center 10px;}
a.lnkMemberList { background: url("/Data/style/adminmenu//Crystal-Clear-kuser2.png") no-repeat center 10px;}
a.lnkCurrencyAdmin { background: url("/Data/style/adminmenu//Crystal-Clear-currency.png") no-repeat center 10px;}
a.lnkCountryAdmin { background: url("/Data/style/adminmenu//Crystal-Clear-app-locale.png") no-repeat center 10px;}
a.lnkGeoZone { background: url("/Data/style/adminmenu//Crystal-Clear-app-browser.png") no-repeat center 10px;}
a.lnkTaxClassAdmin { background: url("/Data/style/adminmenu//Crystal-Clear-app-kspread.png") no-repeat center 10px;}
a.lnkTaxRateAdmin { background: url("/Data/style/adminmenu//Crystal-Clear-tax.png") no-repeat center 10px;}
a.lnkUrlManager { background: url("/Data/style/adminmenu//Crystal-Clear-url.png") no-repeat center 10px;}
a.lnkRedirectManager { background: url("/Data/style/adminmenu//Crystal-Clear-redirect.png") no-repeat center 10px;}
a.lnkBannedIPs { background: url("/Data/style/adminmenu//Crystal-Clear_banned_ip.png") no-repeat center 10px;}
a.lnkFeatureAdmin { background: url("/Data/style/adminmenu//Crystal-Clear-app-kpackage.png") no-repeat center 10px;}
a.lnkTaskQueue { background: url("/Data/style/adminmenu//Crystal_Clear_action_editpaste.png") no-repeat center 10px;}
a.lnkWebPartAdmin { background: url("/Data/style/adminmenu//Crystal_Clear_Networksettings.png") no-repeat center 10px;}
a.lnkAwaitingApproval { background: url("/Data/style/adminmenu//Crystal_Clear_waiting_approval.png") no-repeat center 10px;}
a.lnkRejectedContent { background: url("/Data/style/adminmenu//Crystal_Clear_rejected_content.png") no-repeat center 10px;}
a.lnkPendingPages { background: url("/Data/style/adminmenu//FileCrystal-Clear-draft_pages.png") no-repeat center 10px;}
a.AnalyticsMenuLink { background: url("/Data/style/adminmenu//Crystal-Clear-app-browser.png") no-repeat center 10px; }
a.lnkDevTools { background: url("/Data/style/adminmenu//devtools.png") no-repeat center 10px; }
a.lnkDesignTools { background: url("/Data/style/adminmenu//designtools.png") no-repeat center 10px; }
a.lnkRegistrationAgreement, a.lnkLoginInfo { background: url("/Data/style/adminmenu//RegAgreement.png") no-repeat center 10px; }
a.lnkPermissionAdmin { background: url("/Data/style/adminmenu//permissions.png") no-repeat center 10px; }
a.lnkSkinList { background: url("/Data/style/adminmenu//skin.png") no-repeat center 10px; }
a.lnkCacheTool { background: url("/Data/style/adminmenu//cache.png") no-repeat center 10px; }
*/
body.filedialog{ color: black;}
h2.logitem { font-size: 1em; }
input.openid_login { background:url("/Data/style/common//openidlogin.gif") no-repeat; background-color:#fff; background-position:0 50%; color:#000; padding-left:18px; }
/* autocomplete extender */
ul.autocomplete_completionListElement
{
margin : 0px 0px 0px 0px!important;
padding: 0px !important;
background-color : white;
color : black;
border-color : gray;
border-width : 1px;
border-style : solid;
cursor : 'default';
overflow : auto;
height : 300px;
text-align : left;
list-style-type : none !important;
}
li.autocomplete_highlightedListItem
{
margin-left: 0px !important ;
background-color: #ffff99;
color: black;
padding: 1px !important;
background-image:none!important;
}
li.autocomplete_listItem
{
margin-left: 0px !important;
background-color : white;
color : black;
padding : 1px !important;
background-image:none!important;
}
/* jQuery Cycle Pager
* Required for HTML Module "Slide Show Pager" option.
*/
.cyclenav {text-align: center;}
.cyclenav a{margin-right: 3px;}
.cyclenav a.activeSlide {font-weight: bold;}
/* Example of jQuery Cycle Pager with 'dots' for the navigation links
* To use this, place 'cycledots' (without quotes) in the
* 'Custom CSS Class' setting of the HTML Content Module being used
* for the slideshow
*/
.cycledots .cyclenav a{
background: transparent url("/Data/style/common//cyclenav-bullet2.png") no-repeat scroll center -28px;
line-height: 40px;
overflow: hidden;
height: 14px;
width: 14px;
display: inline-block;}
.cycledots .cyclenav a:focus,
.cycledots .cyclenav a.activeSlide{ background-position: center -14px; }
.cycledots .cyclenav a:hover { background-position: center 0; }
/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }
/* faq */
.faqs{padding-top:20px}
.faqs dt{font-weight:bold;background:url("/Data/style/common//q.gif") 0 4px no-repeat;padding:3px 0 15px 30px;position:relative;}
.faqs dt:hover{cursor:pointer}
.faqs dd{background:url("/Data/style/common//a.gif") 0 2px no-repeat;padding:0 0 5px 30px;position:relative;color:#333}
.faqs .hover{color:#990000;text-decoration:underline}
/*mojorating */
.ratingcontainer { float:right; white-space:nowrap; margin:5px 5px 5px 5px; }
.ratingprompt { float: left; margin-right: 5px; }
.voteswrap { margin-left: 5px; }
.ratingcontainer div { float:left; white-space:nowrap; margin:0px 0px 0px 0px; }
.ratingrow { white-space:nowrap; }
.ratingStar { white-space:nowrap; height:14px; margin:1em; }
.ratingStar .ratingItem { font-size:0; width:13px; height:12px; display:block; background-repeat:no-repeat; cursor:pointer; margin:0; padding:0; }
.ratingStar .Filled { background-image:url("/Data/style/common//ratingStarFilled.png"); }
.ratingStar .Empty { background-image:url("/Data/style/common//ratingStarEmpty.png"); }
.ratingStar .Saved { background-image:url("/Data/style/common//ratingStarSaved.png"); }
.ratingbuttons { margin: 0px 0px 0px 0px; padding: 2px 0px 0px 0px; }
.rcommentprompt { display:block;}
.ratingcomments { border:#000 1px solid; background-color:#eee; color:#000; width:206px; height:200px; position:absolute; margin-top:15px; padding:5px; }
.ratingcommentbox { width:200px; height:100px; }
a.addtocal { background: url("/Data/style/common//calendar_add.png") no-repeat; background-position: 0px 2px; padding-left:18px; display:inline-block; min-height:22px; margin-right:4px; }
/* ***************************************
** Diff related styles
*****************************************/
ins {
background-color: #cfc;
text-decoration:inherit;
}
del {
color: #999;
background-color:#FEC8C8;
}
ins.mod {
background-color: #FFE1AC;
}
a.inlineedittoggle.ui-icon { display: inline-block; }
.filedialog { margin: 0; padding: 0;}
#GalleryPreview{ table-layout: fixed; width: 450px; margin: 0 auto;float: left; border: 0px solid #0000ff; }
#GalleryPreview_VerticalFix { width: 450px; display: table-cell; text-align: left; border: 0px solid #00ff00; }
#GalleryPreview img { max-width: 550px; max-height: 550px;}
.boldtext { font-weight: bold;}
#filewrapper {}
#filewrapper .fileoperations { background-color: #F0EFF1; }
#filewrapper .foldercreation,
#filewrapper .fileupload { float: left; width: 50%;}
#filewrapper .operationpanel { padding: 0 5px; }
#filewrapper .operationheading { display: block; text-align: center; background-color: #E0DFE3; font-weight: bold;}
#filewrapper .imageresizeoptions { margin-top: 10px; }
#filewrapper .imageresizeoptions,
#filewrapper .operationinstructions { font-size: 110%; }
#filewrapper .imageresizecheckbox { display: block; }
#filewrapper .imageresizecheckbox input { margin-right: 3px; }
#filewrapper .errorpanel span { margin-top: 5px; }
#filewrapper .fileselection > div { }
#filewrapper .filetreewrapper { float: left; width: 33%; }
#filewrapper .filepreview { float: left; width: 67% }
#filewrapper .filepreview .operationpanel { padding: 0 0 0 15px; }
#filewrapper .rootfolder { float: left; height: 475px; width: 100%; margin-left: 10px; overflow: auto; }
#filewrapper #pnlFileTree { padding-right: 30px; }
#filewrapper .smalltextbox { width: 30px; margin-right: 10px; }
.fileinput-button {
position: relative;
overflow: hidden;
float: left;
margin-right: 4px;
}
.fileinput-button input {
position: absolute;
top: 0;
right: 0;
margin: 0;
opacity: 0;
filter: alpha(opacity=0);
transform: translate(-300px, 0) scale(4);
font-size: 23px;
direction: ltr;
cursor: pointer;
}
div.uploadfilelist {
padding-top: 10px;
clear: both;
}
div.uploadfilelist .ui-button,
.uploadcontainer .ui-button {
padding: 7px;
}
ul.filelist {
list-style: none;
}
ul.filelist .ui-icon-trash {
display: inline-block;
cursor: hand;
cursor: pointer;
}
div.fileupload-dropzone {
padding: 50px 0 50px 0;
width: 100%;
border:dashed thin black;
margin: 4px 4px 4px 4px;
text-align:center;
vertical-align:middle;
}
/* editor styles, classes assigned by toolbar items */
.AlignCenter , p.AlignCenter {
text-align: center;
}
.AlignLeft , p.AlignLeft{
text-align: left;
}
.AlignRight, p.AlignRight {
text-align: right;
}
.AlignJustify, p.AlignJustify {
text-align: justify;
}
.Indent1, p.Indent1 , ol.Indent1, ul.Indent1{
margin-left: 40px;
}
.Indent2, p.Indent2, ol.Indent2, ul.Indent2 {
margin-left: 80px;
}
.Indent3, p.Indent3, ol.Indent3, ul.Indent3 {
margin-left: 120px;
}
.font-xsmall {
font-size: 60%;
}
.font-small {
font-size: 80%;
}
.font-normal {
font-size: 100%;
}
.font-large {
font-size: 120%;
}
.font-xlarge {
font-size: 140%;
}
table.jqtable td { font-weight:bold; }
table.FileManager_table { width:99%; }
div.cmdbar { display:inline-block; min-width:300px; min-height:14px; max-height: 14px; }
a.forumcommand { margin: 0px 10px 0px 10px; }
/* added for 2.7 */
.pagelayout__item-btn {
background: 0;
border: 0 none;
outline: 0 none;
padding: 5px 0;
cursor: pointer;
}
.pagelayout__item-btn:hover > svg {
fill: #a90a11;
}
.pagelayout .panelistbox {
display: flex;
flex-flow: row nowrap;
}
.pagelayout-item-btns {
width: 40px;
flex: 1 1 33px;
}
/* end add for 2.7 *//* ------------------------------------------------------------------
CKEditor content classes
Required since mojoPortal 2.5.0.0. These are the classes the CKEditor
toolbar buttons apply to content authored in Html modules, blog posts, etc.
See https://www.mojoportal.com/docs/upgrading-skins
The upgrade doc wraps the image float rules in media queries and says to
comment them out if the skin is not responsive. This skin is a fixed 960px
layout, so the media queries are omitted and the floats apply at all widths.
------------------------------------------------------------------ */
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }
.text-indent-1 { text-indent: 40px; }
.text-indent-2 { text-indent: 60px; }
.text-indent-3 { text-indent: 80px; }
.font-xsmall { font-size: 60%; }
.font-small { font-size: 80%; }
.font-normal { font-size: 100%; }
.font-large { font-size: 120%; }
.font-xlarge { font-size: 140%; }
.image-left {
float: left;
margin-right: 10px;
}
.image-right {
float: right;
margin-left: 10px;
}
.image-center {
display: block;
margin: 0 0 10px;
text-align: center;
}
.image-captioned figcaption {
font-size: small;
margin: 10px 0;
opacity: 0.7;
}
body,.pagebody { margin:0; padding:0; }
body { font-family:verdana, arial, sans-serif; font-size:.68em; }
.pagebody { background-color:#837560; color:#D5D2D6; }
body.help-page
{
color:black;
background-color: white;
background-image: none;
}
html { height:100%; }
/* These are ids for container divs in layout.master */
#wrapwebsite { margin-left:auto; margin-right:auto; width:960px; background-color:#837560; color:#D5D2D6; background:url("https://www.scottcline.com/Data/Sites/1/skins/dcarter-orangesunset-v3/back.png") repeat-y; }
#wrapheader { width:939px; height:131px; color:#D5D2D6; background:url("https://www.scottcline.com/Data/Sites/1/skins/dcarter-orangesunset-v3/logo.jpg") no-repeat; margin:0 0 0 10px; }
#wrapcenter { width:938px; float:left; min-height:300px;background-color:#414141; margin:0 0 0 11px; }
#wrapfooter { width:938px; text-align:center; height:26px; clear:both; background:#545454; background:url("https://www.scottcline.com/Data/Sites/1/skins/dcarter-orangesunset-v3/menu.png"); color:#D5D2D6; margin:0 0 0 11px; padding:8px 0 0; }
#wrapfooter,#wrapfooter a { text-decoration:none; font-size:9px; }
/* these are the main column layouts for supporting automatic column layout from 1 to 3 columns
all columns are floated left, the system programmatically assigns on of the classes to the center column depending on whether content exists
in the left or right content sections
*/
.leftside { float:left; width:216px; margin:10px 0 0 9px; }
.center-nomargins { float:left; width:920px; margin:10px 8px 0 9px; }
.center-rightandleftmargins { float:left; width:473px; margin:10px 8px 0; }
.center-rightmargin,.center-leftmargin { float:left; width:695px; margin:10px 8px 0; }
.rightside { float:right; width:216px; margin:10px 8px 0 0; }
/* Elements */
code { text-align:left; display:block; overflow:auto; font:500 1em/1.5em 'Lucida Console', 'courier new', monospace; background:#FAFAFA; border:1px solid #EAEAEA; border-left:5px solid #72A545; margin:5px 0; padding:10px; }
acronym { cursor:help; border-bottom:1px solid #777; }
blockquote { border-left:5px solid #CE7014; margin:15px; padding:0 0 0 7px; }
hr { height:1px; background-color:#D1D7DC; color:#D1D7DC; border-width:0; }
p { line-height:1.7em; margin:0; padding:0 0 16px; }
img { border:0; }
/* Headings */
h1 { font-family:arial, sans-serif; font-size:40px; letter-spacing:.1em; }
h2 { font-family:arial, sans-serif; font-size:30px; }
h3 { font-family:arial, sans-serif; font-size:16px; margin:0; }
h4 { font-family:arial, sans-serif; font-size:14px;margin:0; }
h5 { font-family:arial, sans-serif; font-size:12px; margin:0; }
h6 { font-family:arial, sans-serif; font-size:12px;margin:0; }
h1.siteheading { font-size:160%; letter-spacing:.2em; text-transform:none; margin:0; padding:32px 0 0 19px; text-decoration:none; }
h2.moduletitle { clear:both; background:url("https://www.scottcline.com/Data/Sites/1/skins/dcarter-orangesunset-v3/sbi_header.png"); margin:0; padding:3px 0 4px 7px;
background:#CE7014; color:#FFF; font-family:arial, sans-serif; font-size:140%; text-transform:uppercase; font-weight:400; }
.modulesubtitle { height:23px; color:#FFF; background-color:#545454; font-weight:700; padding:4px 5px 0; }
.pagelayout h2, .register h2, .sitesettings h3 { font-size:14px; }
/* Form styles */
fieldset { border:1px solid #787878; margin:0 7px; padding:1em; }
legend { font-size:larger; font-weight:700; }
ol.formlist { list-style:none; margin: 0px; }
li.settingrow { list-style:none; }
.settinglabel { float:left; clear:left; width:20em; padding:1px; }
.settinglabelFixedHeight { float:left; clear:left; width:20em; height:77px; padding:1px; }
.settingrow { clear:left; padding:4px 0; }
.settinglabeltight { float:left; clear:left; width:8em; font-weight:700; padding:1px; }
.settingrowtight { clear:left; padding:1px 0; }
.settinglabel,.settinglabelFixedHeight { font-weight:700; font-size:smaller; }
.modulebuttonrow { clear:left; text-align:center; }
.watermarktextbox { width:9em; color:Gray; }
.subscribeemail { color:Gray; width:14em; }
.smalltextbox { width:4em; }
.normaltextbox { width:10em; }
.mediumtextbox, .login .signinbox, .login .passwordbox { width:15em; }
.widetextbox { width:25em; }
.verywidetextbox { width:35em; }
.txtcopyright { color:#444; font-size:80%; font-weight:400; }
.txterror { color:red; font-weight:700; }
input.openid_login { background:url("https://www.scottcline.com/Data/Sites/1/skins/dcarter-orangesunset-v3/openidlogin.gif") no-repeat; background-color:#fff; background-position:0 50%; color:#000; padding-left:18px; }
.pagelayout .addcontent{float: left; margin: 0 0 20px; }
.pagelayout .panelayout { clear: both; margin: 0 0 20px 0; padding: 0;}
.pagelayout .panelayout h2 {text-align: center; margin: 0 10px 10px 0;}
.pagelayout .regularpanes{margin: 0 auto; width: 630px; clear: both;}
.pagelayout .pane{float: left; clear: none;margin: 20px 0 20px 0; position: relative;}
.pagelayout .layoutcenter{margin: 20px 30px;}
.pagelayout .layoutalt1,
.pagelayout .layoutalt2{float: none;clear: both; width: 190px; margin: 0 auto; position: relative;}
.pagelayout .altlayoutnotice{margin-bottom: 20px;}
.pagelayout .panelistbox{position: relative; width: 190px;}
.pagelayout .pane select {width: 170px; margin-right: 10px;}
.pagelayout .layoutbuttons{right: 0; top: 5px; position: absolute;}
.pagelayout .layoutbuttons input{display: block; margin-bottom: 10px;}
/* Grids and Tables */
div.memberlist table { width:100%; }
table.editgrid { margin:10px; }
table.editgrid th { font-weight:700; padding:7px; }
.AspNet-GridView table thead tr th { padding:2px; }
.AspNet-GridView table tbody tr td { color:#333; background:#FFF; border-bottom:solid 1px #CCC; border-right:solid 1px #CCC; text-align:left; padding:2px 20px 2px 2px; }
.AspNet-GridView table tbody tr.AspNet-GridView-Alternate td { background:#F7F6F3; }
table.editgrid td { padding:7px; }
.AspNet-GridView td a:link,.AspNet-GridView td a:visited,.AspNet-GridView td a:active {color:#000000; }
.AspNet-GridView td a:hover { color:#1775D5; }
/* Lists */
ol.searchresultlist { list-style-type:none; }
.topnav { text-align:right; }
div.topnav { background:url("https://www.scottcline.com/Data/Sites/1/skins/dcarter-orangesunset-v3/menu.png"); }
div.topnav { width:900px; height:26px; margin:0 0 0 10px; padding:10px 21px 0 19px; }
.topnav ul { float:left; display:inline; margin:0; padding:0; }
li.topnavitem { float:left; list-style-type:none; border-left:solid thin #D5D2D6; padding:0 7px; }
li.firstnav { float:left; list-style-type:none; padding:0 7px 0 5px; }
.simplelist,.simplelist li { list-style:none; padding:0 0 4px 10px; }
ul.linkitem { position:relative; top:-6px; left:0; list-style:none; margin:10px; padding:0; }
div.sitemap ul,div.sitemap ul li { list-style:none; font-size:100%; }
.site-statistics { border-bottom:solid thin #ccc; margin:0 0 5px; padding:0 0 5px; }
ul.userstats { list-style-type:none; margin:0 0 0 -40px; }
ul.userstats ul { display:block; margin:0; padding:0; }
ul.userstats li { position:relative; list-style:none; }
ul.linkitem li { list-style:none; min-height:18px; background:url("https://www.scottcline.com/Data/Sites/1/skins/dcarter-orangesunset-v3/arrow.png") no-repeat; background-position: 0px 5px; margin:0 0 1px; padding:2px 0; }
ul.linkitem a { color:#D5D2D6; text-decoration:none; margin:0 0 0 7px; padding:2px 5px 2px 10px; }
* html body ul.linkitem a { height:18px; }
ul.linkitem a:hover { color:#CE7014; padding:2px 5px 2px 10px; }
div.panelwrapper ul.simplelist { margin-bottom:0; }
div.AspNet-RadioButtonList ul,div.AspNet-CheckBoxList ul { list-style-type:none; margin:0; padding:0; }
div.simplehorizontalmenu { clear:both; width:100%; height:27px; }
ul.simplehorizontalmenu { float:left; list-style:none; margin:0; padding:0; }
ul.simplehorizontalmenu li { display:inline; padding:0 10px; }
ul.firstnav span.sitelink,li.topnavitem,li.firstnav { font-size:9px; }
li.AspNet-RadioButtonList-Item,li.AspNet-CheckBoxList-Item { white-space:nowrap; }
ul.simplehorizontalmenu li.selecteditem { font-weight:700; }
div.sitemap .AspNet-TreeView-Expand
{background: url("https://www.scottcline.com/Data/Sites/1/skins/dcarter-orangesunset-v3/expand.gif") 0 0 no-repeat; width: 15px; margin-right: 5px;
float:left; cursor: pointer; line-height: 15px; }
div.sitemap .AspNet-TreeView-Collapse
{background: url("https://www.scottcline.com/Data/Sites/1/skins/dcarter-orangesunset-v3/collapse.gif") 0 0 no-repeat; width: 15px; margin-right: 5px;
float:left; cursor: pointer; line-height: 15px;}
.AspNet-TreeView-Hide { display:none;}
div.sitemap a.AspNet-TreeView-Expand, div.sitemap a.AspNet-TreeView-Collapse { text-decoration: none; }
.tag-cloud { list-style-type:none; margin:15px 0 3px -30px; }
.tag-cloud li { display:inline; list-style-type:none; }
.tagcount { font-size:x-small; }
.tag-cloud .weight1 { font-size:90%; }
.tag-cloud .weight2 { font-size:110%; }
.tag-cloud .weight3 { font-size:120%; }
.tag-cloud .weight4 { font-size:130%; }
.tag-cloud .weight5 { font-size:140%; }
.tag-cloud .weight6 { font-size:150%; }
.tag-cloud .weight7 { font-size:160%; }
.tag-cloud .weight8 { font-size:180%; }
.tag-cloud .weight9 { font-size:200%; }
.tag-cloud .weight10 { font-size:210%; }
/* Links */
a.ModuleEditLink:active,a.siteheading:link,a.siteheading:visited,a.siteheading:hover,a.siteheading:active { background:transparent; color:#FFF; }
a.sitelink:hover { color:#FFF; text-decoration:underline; }
a:hover { color:#CE7014; text-decoration:underline; }
legend a.ModuleEditLink:hover { color:#FFF; font-size:smaller; }
a.ModuleEditLink,a.ModuleEditLink:link,a.ModuleEditLink:visited,a.ModuleEditLink:hover,a.ModuleEditLink:active { font-size:10px; }
.WelcomeMessage,.sitelink { font-size:9px; }
a.ModuleEditLink,a.ModuleEditLink:link,a.ModuleEditLink:visited,a:link,a:visited,a:active { color:#FFF; }
a.ModuleEditLink:hover,.sitelink,a.sitelink:link,a.sitelink:visited,a.sitelink:active,#wrapfooter a,.accent { color:#D5D2D6; }
legend a.ModuleEditLink,legend a.ModuleEditLink:link,legend a.ModuleEditLink:visited,legend a.ModuleEditLink:active { color:#1775D5; font-size:smaller; }
legend a,a.siteheading:link,a.siteheading:visited,a.siteheading:hover,a.siteheading:active,a.sitelink:link,a.sitelink:visited,a.sitelink:active,a.selectedcrumb:link,a.selectedcrumb:visited,a.selectedcrumb:active,a.unselectedcrumb:link,a.unselectedcrumb:visited,a.unselectedcrumb:active {
text-decoration:none;
}
a.ModulePager:link,a.ModulePager:visited,a.ModulePager:hover,a.ModulePager:active,a.selectedcrumb:hover,a.unselectedcrumb:hover {
text-decoration:underline;
}
.pageditlinks a { margin: 3px 7px 3px 0px; }
a.adminlink ,
a.adminlink:link ,
a.adminlink:visited ,
a.adminlink:hover ,
a.adminlink:active {
font-size: 16px;
border-left: 1px solid #a4a4a4;
padding: 8px 8px 10px 8px;
line-height: 32px;
color: #555;
text-decoration:none;
display:inline;
}
a.adminlink:hover { text-decoration:underline;}
.extrasearchlink { padding-left: 10px; }
.yui-content a:link,.yui-content a:visited,.yui-content a:active {color:black; }
.buttonlink { background-color:transparent; color:#FFF; cursor:pointer; text-decoration:underline; font-size:13px; border-style:none;padding-left: 0px; text-align:left; }
.AspNet-GridView .buttonlink, .AspNet-GridView a { color: #000000; }
.accent { font-weight:700; }
.breadcrumbs { margin:0 0 5px; padding:4px 4px 10px; }
.unselectedcrumb { font-weight:400; }
.selectedcrumb { font-weight:700; }
.modulepager { vertical-align:top; padding:4px; }
.selectedpage { color:#FFF; font-weight:700; }
a.SelectedPage:hover { color:#FFF; font-weight:700; text-decoration:underline; }
a.SelectedPage:link,a.SelectedPage:visited,a.SelectedPage:active { color:#FFF; font-weight:700; text-decoration:none; }
.modulepager, .ModulePager, .PageInfo, .SelectedPage, .pageditlinks a { font-size: 16px; }
.modulecontent { vertical-align:top; text-align:left; padding:4px 4px 4px 7px; }
fieldset div.modulecontent { margin:0; }
.modulefooter { display:none; font-size:11px; text-align:center; }
.modulerow { background-color:#414141; }
.modulealtrow { background-color:#545454; }
.yui-content,.yui-content .settinglabel,.yui-content .settingrow label,.yui-content h3,.gmap,.gmnoprint { color:#000; }
fieldset,legend,.moduledefinitions,.moduledefinitionsettings,.modulesettings,.sitesettings,.contentmanagerpreview,.contentmanager,.pagesettings,.pagelayout,.modulecontent,.manageusers,.modulepager,.blogedit,.register,.login,.userprofile,.panelwrapper {
background:#545454;
}
.ui-layout-container, .ui-layout-container .ModulePager, .ui-layout-container .modulepager { color:#000000; background-color:#ffffff; }
.gmaptextbox { width:27em; }
div.panelwrapper,div.modulecontent,.gmap { margin:0 0 10px; }
.bmap { position:relative; }
.foldergallery h1 { font-size:large; margin-bottom:20px; }
.albumMetaName { font-weight:700; }
.albumFloat { float:left; text-align:center; margin-right:8px; margin-bottom:4px; }
.albumMetaSectionHead { background-color:Gray; color:#FFF; font-weight:700; }
.leftside .ratingprompt , .rightside .ratingprompt{ display: none; }
div.addthisbutton { float:right; clear:right; margin:5px; }
.clear { clear:both; }
.moduleedit { height:28px; background-color:#C7D0D7; border:0; text-indent:4px; margin:0; padding:0; }
.clearpanel { clear:left;padding-top:15px; }
.minheightpanel { min-height:200px; }
.center { text-align:center; }
.vevent { padding:10px; }
.vevent abbr { border:0; }
.whoson { float:left; padding:5px; }
.searchterm { color:#000; background-color:#FF0; }
.templatewrapper { border-bottom:solid 4px #000; }
.linkdescription { padding:5px; }
.logolist,.pageicons,.skiplink { display:none; }
.padded { padding:7px; }
.forumnotify { white-space:nowrap; vertical-align:middle; padding: 10px 0px 5px 0px; }
.forumnotify img {float:left;}
.cmwrapper { margin:10px; }
/* password stength meter */
.pwspoor { background-color: Red; color:White; padding:5px 5px 5px 5px;}
.pwsweak { background-color: Orange; color:White; padding:5px 5px 5px 5px; }
.pwsaverage { background-color: Yellow; color:Black; padding:5px 5px 5px 5px; }
.pwsstrong { background-color:Teal; color:Black; padding:5px 5px 5px 5px; }
.pwsexcellent { background-color:Green; color:White; padding:5px 5px 5px 5px; }
.pwdstrengthbarborder { border-style:solid; border-width:1px; width:200px; vertical-align:middle; }
.pwdstrengthbar { width:200px; height:15px; padding:2px 2px 2px 2px;}
.hidden{ display:none; }
.fthumbs img{
padding:5px;
margin:5px;
-moz-box-shadow:#333 2px 2px 5px;
-webkit-box-shadow:#333 2px 2px 5px;
cursor:pointer;
}
span.btn{
padding:10px;
margin-left:5px;
display:inline-block;
cursor:pointer;
font:12px/14px Arial, Helvetica, sans-serif;
color:#aaa;
background-color:#eee;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-moz-box-shadow:#999 2px 0px 3px;
-webkit-box-shadow:#999 2px 0px 3px;
}
span.btn.pages{ background-color:#fff;}
span.btn.pages:hover, span.btn.pages.sel { background-color:#f3f3f3; color:#999; }
span.btn:hover, span.btn.sel{ background-color:#000; }
.galleryinfo{ position:relative; display:inline-block; margin-top:10px; }
.floatrightimage { float:right; margin-right:15px; }
.highlight1 { background-color:#FF0; }
.highlight2 { background-color:lime; }
.floatpanel,.floatleftimage { float:left; margin-right:15px; }
/* ------------------------------------------------------------------
Additions required by newer mojoPortal releases
https://www.mojoportal.com/docs/upgrading-skins
------------------------------------------------------------------ */
/* Top and bottom content panes. These are new in this version of the skin - layout.Master
previously had no placeholders for them, so modules assigned to the top or bottom pane
could not render. Both sit between the floated #wrapcenter and the footer, so they need
to clear and to match the 938px inner width used by #wrapcenter and #wrapfooter. */
.topcontent,
.bottomcontent { clear:both; width:938px; margin:0 0 0 11px; }
.topcontent { padding:10px 0 0; }
.bottomcontent { padding:0 0 10px; }
/* mojoPortal 2.3.9.4 - short author bio shown under Html content and blog posts */
div.authorinfo { clear:both; }
div.authorinfo a.avatar,
div.authorinfo a.avatar img,
div.authorinfo img { float:left; }
/* mojoPortal 2.3.5.3 - suppress the menu item images the ASP.NET menu adapter emits.
stylemenu.css already hides the img element inside the horizontal menu; this covers the
class-based markup and the vertical/page menus too. */
.AspNet-Menu .img { display:none; }
body { }
div.AspNet-Menu-Horizontal {height: 42px;width: 939px; margin: -31px 0px 0px 10px;
position: relative;background: url("https://www.scottcline.com/Data/Sites/1/skins/dcarter-orangesunset-v3/menu.png");
color: #D1D3D7; border-color: #D7D7D7; }
div.AspNet-Menu-Horizontal ul.AspNet-Menu{ margin: 0px 0px 0px -39px; padding: 0px 0px 0px 40px ; }
div.AspNet-Menu-Horizontal ul.AspNet-Menu li
{float: left; margin: 0px 0px 0px 0px; padding: 0px;list-style: none;
}
div.AspNet-Menu-Horizontal ul.AspNet-Menu li img { display:none; }
div.AspNet-Menu-Horizontal ul li a.AspNet-Menu
{display: block; float: left; height: 37px;padding: 3px 19px 2px 19px;
text-decoration: none; text-transform: uppercase;font-size: 88%;
background: url("https://www.scottcline.com/Data/Sites/1/skins/dcarter-orangesunset-v3/menu.png");color: #D1D3D7;border-color: #D7D7D7;}
div.AspNet-Menu-Horizontal ul.AspNet-Menu li a.AspNet-Menu:hover,
div.AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-SelectedWithChildren a.AspNet-Menu,
div.AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-SelectedLeaf a.AspNet-Menu
{ float: left; background: url("https://www.scottcline.com/Data/Sites/1/skins/dcarter-orangesunset-v3/menu_hover.png");
color: #484E56;}
/* vertical menu */
div.AspNet-Menu-Vertical{margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px;
background-color: inherit; }
div.AspNet-Menu-Vertical ul.AspNet-Menu
{ position:relative; top: -6px; left: 0px; }
div.AspNet-Menu-Vertical ul.AspNet-Menu ul
{ margin: 0; padding: 0; display: none; }
div.AspNet-Menu-Vertical ul.AspNet-Menu li img { display:none; }
div.AspNet-Menu-Vertical ul.AspNet-Menu li:hover ul ul,
div.AspNet-Menu-Vertical ul.AspNet-Menu li:hover ul ul ul,
div.AspNet-Menu-Vertical ul.AspNet-Menu li:hover ul ul ul ul,
div.AspNet-Menu-Vertical ul.AspNet-Menu li:hover ul ul ul ul ul,
div.AspNet-Menu-Vertical ul.AspNet-Menu li:hover ul ul ul ul ul ul,
div.AspNet-Menu-Vertical ul.AspNet-Menu li:hover ul ul ul ul ul ul ul,
div.AspNet-Menu-Vertical ul.AspNet-Menu li:hover ul ul ul ul ul ul ul ul,
div.AspNet-Menu-Vertical ul.AspNet-Menu li:hover ul ul ul ul ul ul ul ul ul,
div.AspNet-Menu-Vertical ul.AspNet-Menu li:hover ul ul ul ul ul ul ul ul ul ul,
div.AspNet-Menu-Vertical ul.AspNet-Menu li:hover ul ul ul ul ul ul ul ul ul ul ul,
div.AspNet-Menu-Vertical ul.AspNet-Menu li:hover ul ul ul ul ul ul ul ul ul ul ul ul,
div.AspNet-Menu-Vertical ul.AspNet-Menu li.AspNet-Menu-Hover ul ul,
div.AspNet-Menu-Vertical ul.AspNet-Menu li.AspNet-Menu-Hover ul ul ul,
div.AspNet-Menu-Vertical ul.AspNet-Menu li.AspNet-Menu-Hover ul ul ul ul,
div.AspNet-Menu-Vertical ul.AspNet-Menu li.AspNet-Menu-Hover ul ul ul ul ul,
div.AspNet-Menu-Vertical ul.AspNet-Menu li.AspNet-Menu-Hover ul ul ul ul ul ul,
div.AspNet-Menu-Vertical ul.AspNet-Menu li.AspNet-Menu-Hover ul ul ul ul ul ul ul,
div.AspNet-Menu-Vertical ul.AspNet-Menu li.AspNet-Menu-Hover ul ul ul ul ul ul ul ul,
div.AspNet-Menu-Vertical ul.AspNet-Menu li.AspNet-Menu-Hover ul ul ul ul ul ul ul ul ul,
div.AspNet-Menu-Vertical ul.AspNet-Menu li.AspNet-Menu-Hover ul ul ul ul ul ul ul ul ul ul,
div.AspNet-Menu-Vertical ul.AspNet-Menu li.AspNet-Menu-Hover ul ul ul ul ul ul ul ul ul ul ul
{ display: none; }
div.AspNet-Menu-Vertical ul.AspNet-Menu li:hover ul,
div.AspNet-Menu-Vertical ul.AspNet-Menu li li:hover ul,
div.AspNet-Menu-Vertical ul.AspNet-Menu li li li:hover ul,
div.AspNet-Menu-Vertical ul.AspNet-Menu li li li li:hover ul,
div.AspNet-Menu-Vertical ul.AspNet-Menu li li li li li:hover ul,
div.AspNet-Menu-Vertical ul.AspNet-Menu li li li li li li:hover ul,
div.AspNet-Menu-Vertical ul.AspNet-Menu li li li li li li li:hover ul,
div.AspNet-Menu-Vertical ul.AspNet-Menu li li li li li li li li:hover ul,
div.AspNet-Menu-Vertical ul.AspNet-Menu li li li li li li li li li:hover ul,
div.AspNet-Menu-Vertical ul.AspNet-Menu li li li li li li li li li li:hover ul,
div.AspNet-Menu-Vertical ul.AspNet-Menu li li li li li li li li li li li:hover ul,
div.AspNet-Menu-Vertical ul.AspNet-Menu li.AspNet-Menu-Hover ul,
div.AspNet-Menu-Vertical ul.AspNet-Menu li li.AspNet-Menu-Hover ul,
div.AspNet-Menu-Vertical ul.AspNet-Menu li li li.AspNet-Menu-Hover ul,
div.AspNet-Menu-Vertical ul.AspNet-Menu li li li li.AspNet-Menu-Hover ul,
div.AspNet-Menu-Vertical ul.AspNet-Menu li li li li li.AspNet-Menu-Hover ul,
div.AspNet-Menu-Vertical ul.AspNet-Menu li li li li li li.AspNet-Menu-Hover ul,
div.AspNet-Menu-Vertical ul.AspNet-Menu li li li li li li li.AspNet-Menu-Hover ul,
div.AspNet-Menu-Vertical ul.AspNet-Menu li li li li li li li li.AspNet-Menu-Hover ul,
div.AspNet-Menu-Vertical ul.AspNet-Menu li li li li li li li li li.AspNet-Menu-Hover ul,
div.AspNet-Menu-Vertical ul.AspNet-Menu li li li li li li li li li li.AspNet-Menu-Hover ul,
div.AspNet-Menu-Vertical ul.AspNet-Menu li li li li li li li li li li li.AspNet-Menu-Hover ul
{ display: block; }
div.AspNet-Menu-Vertical ul.AspNet-Menu ul
{position:relative; left: 220px; top: -20px; }
div.AspNet-Menu-Vertical ul.AspNet-Menu li.AspNet-Menu-Leaf > a ,
div.AspNet-Menu-Vertical ul.AspNet-Menu li.AspNet-Menu-SelectedLeaf > a
{ background-image: none; }
div.AspNet-Menu-Vertical ul.AspNet-Menu li.AspNet-Menu-WithChildren > a
{background-color: #f2f2f2 ; background-image: url("https://www.scottcline.com/Data/Sites/1/skins/dcarter-orangesunset-v3/arrow.png");
background-repeat:no-repeat; background-position:right;
width: 160px; display: block; font-weight: bold;text-decoration:none;
padding: 2px 5px 2px 10px;color: #333;border-left: 5px solid #CCC;
min-height: 18px; }
div.AspNet-Menu-Vertical ul.AspNet-Menu li.AspNet-Menu-SelectedWithChildren > a,
div.AspNet-Menu-Vertical ul.AspNet-Menu li.AspNet-Menu-WithChildren > a:hover
{background-color: #ECECEC ; background-image: url("https://www.scottcline.com/Data/Sites/1/skins/dcarter-orangesunset-v3/arrowRight.gif");
background-repeat:no-repeat; background-position:right;width: 160px; }
div.AspNet-Menu-Vertical ul.AspNet-Menu li.AspNet-Menu-ChildSelected > a
{background-color: #f2f2f2 ; background-image: url("https://www.scottcline.com/Data/Sites/1/skins/dcarter-orangesunset-v3/arrowRight.gif");
background-repeat:no-repeat; background-position:right;
padding:2px 5px 2px 10px;color: #339900;border-left:5px solid #72A545;
width: 160px;}
div.AspNet-Menu-Vertical ul.AspNet-Menu a.AspNet-Menu-SelectedLeaf
{ padding:2px 5px 2px 10px;background: #f2f2f2;color: #339900;
border-left:5px solid #72A545;width: 160px;}
div.AspNet-Menu-Vertical ul.AspNet-Menu a.AspNet-Menu-Leaf
{ display: block;font-weight: bold;text-decoration:none;
padding: 2px 5px 2px 10px;background: #f2f2f2;color: #333;
border-left: 5px solid #CCC;min-height: 18px;width: 160px; }
div.AspNet-Menu-Vertical ul.AspNet-Menu li.AspNet-Menu-Leaf,
div.AspNet-Menu-Vertical ul.AspNet-Menu li.AspNet-Menu-WithChildren
{border: 1px solid #f2f2f2; border-bottom:solid 1px white;
clear:left; float:left;list-style:none;margin: 0px 0px 0px -40px;
}
div.AspNet-Menu-Vertical ul.AspNet-Menu li.AspNet-Menu-Leaf a.AspNet-Menu {
display: block;font-weight: bold;text-decoration:none;
padding: 2px 5px 2px 10px;background: #f2f2f2;color: #333;
border-left: 5px solid #CCC;min-height: 18px;width: 160px; clear:both;}
* html body div.AspNet-Menu-Vertical ul.AspNet-Menu li.AspNet-Menu-Leaf a.AspNet-Menu
{clear:left; height: 18px; width: 160px;}
div.AspNet-Menu-Vertical ul.AspNet-Menu li.AspNet-Menu-Leaf a.AspNet-Menu:hover,
div.AspNet-Menu-Vertical ul.AspNet-Menu li.AspNet-Menu-WithChildren a.AspNet-Menu:hover
{padding:2px 5px 2px 10px;background: #f2f2f2;color: #339900;
border-left:5px solid #72A545;width: 160px; }
body { }
div.AspNet-TreeView {margin: 0px 0px 10px 0px;padding: 0; background: #545454;}
div.AspNet-TreeView ul { list-style: none; margin: 0px 0px 0px -20px; padding: 0; }
.AspNet-TreeView-Show { }
.AspNet-TreeView-Hide { display:none;}
div.AspNet-TreeView ul li
{padding: 3px 0 0px 0; }
div.AspNet-TreeView ul ul { margin: 10px 0 0px 0px;}
div.AspNet-TreeView ul li img
{border: none; vertical-align: middle; margin: 0 2px 0 0; }
div.AspNet-TreeView li a {text-decoration: none;}
div.AspNet-TreeView li.AspNet-TreeView-Root {}
div.AspNet-TreeView li.AspNet-TreeView-Parent {}
div.AspNet-TreeView li.AspNet-TreeView-Leaf { margin-left: 20px;}
div.AspNet-TreeView .AspNet-TreeView-ClickableNonlink { cursor: pointer;}
div.AspNet-TreeView .AspNet-TreeView-Collapse
{background: url("https://www.scottcline.com/Data/Sites/1/skins/dcarter-orangesunset-v3/collapse.gif") 0 0 no-repeat; width: 10px; margin-right: 5px;
float:left; cursor: pointer; }
div.AspNet-TreeView .AspNet-TreeView-Expand
{background: url("https://www.scottcline.com/Data/Sites/1/skins/dcarter-orangesunset-v3/expand.gif") 0 0 no-repeat; width: 10px; margin-right: 5px;
float:left; cursor: pointer; }
div.AspNet-TreeView ul li.AspNet-TreeView-ChildSelected ul li.AspNet-TreeView-Parent a,
div.AspNet-TreeView ul li.AspNet-TreeView-Selected ul li.AspNet-TreeView-ParentSelected a ,
div.AspNet-TreeView ul li.AspNet-TreeView-ChildSelected ul li.AspNet-TreeView-Leaf a ,
div.AspNet-TreeView ul li.AspNet-TreeView-ChildSelected ul li.AspNet-TreeView-ChildSelected a ,
div.AspNet-TreeView ul li.AspNet-TreeView-ChildSelected ul li.AspNet-TreeView-ChildSelected ul li.AspNet-TreeView-ParentSelected a,
div.AspNet-TreeView ul li.AspNet-TreeView-ChildSelected ul li.AspNet-TreeView-Selected ul li.AspNet-TreeView-ParentSelected a ,div.AspNet-TreeView ul li.AspNet-TreeView-ChildSelected ul li.AspNet-TreeView-ChildSelected ul li.AspNet-TreeView-Selected ul li.AspNet-TreeView-ParentSelected a
{font-weight: normal !important; }
div.AspNet-TreeView a,
div.AspNet-TreeView a:visited,
div.AspNet-TreeView a:active,
div.AspNet-TreeView a:link {display: block; color: #D5D2D6;}
div.AspNet-TreeView a:hover {display: block; color:white; font-weight: bold !important;}
div.AspNet-TreeView .AspNet-TreeView-Selected a,
div.AspNet-TreeView li.AspNet-TreeView-ChildSelected a,
div.AspNet-TreeView .AspNet-TreeView-Selected ul a,
div.AspNet-TreeView ul li.AspNet-TreeView-ChildSelected ul li.AspNet-TreeView-Selected a,
div.AspNet-TreeView ul li.AspNet-TreeView-ChildSelected ul li.AspNet-TreeView-ChildSelected ul li.AspNet-TreeView-Selected a
{ font-weight: bold !important; color: white !important;}
div.AspNet-TreeView .AspNet-TreeView-Selected a:hover,
div.AspNet-TreeView .AspNet-TreeView-Selected ul a:hover,
div.AspNet-TreeView ul li.AspNet-TreeView-Selected ul li.AspNet-TreeView-ParentSelected a:hover ,
div.AspNet-TreeView ul li.AspNet-TreeView-ChildSelected ul li.AspNet-TreeView-Leaf a:hover ,
div.AspNet-TreeView ul li.AspNet-TreeView-ChildSelected ul li.AspNet-TreeView-Parent a:hover ,
div.AspNet-TreeView ul li.AspNet-TreeView-ChildSelected ul li.AspNet-TreeView-ChildSelected a:hover ,
div.AspNet-TreeView ul li.AspNet-TreeView-ChildSelected ul li.AspNet-TreeView-ChildSelected ul li.AspNet-TreeView-ParentSelected a:hover
{font-weight: bold !important; }
li.AspNet-TreeView-Leaf,
li.AspNet-TreeView-Root ,
li.AspNet-TreeView-Selected ,
li.AspNet-TreeView-Parent
{display: block;list-style:none;
text-decoration:none; padding: 2px 5px 2px 10px;
background: #FFFFFF url("https://www.scottcline.com/Data/Sites/1/skins/dcarter-orangesunset-v3/link.png");
color: #D5D2D6; min-height: 18px;
}
div.AspNet-TreeView ul li.AspNet-TreeView-Selected ,
div.AspNet-TreeView ul li.AspNet-TreeView-ChildSelected,
div.AspNet-TreeView ul li.AspNet-TreeView-Leaf:hover,
div.AspNet-TreeView ul li.AspNet-TreeView-Root:hover ,
div.AspNet-TreeView ul li.AspNet-TreeView-Selected:hover ,
div.AspNet-TreeView ul li.AspNet-TreeView-Parent:hover,
div.AspNet-TreeView ul li.AspNet-TreeView-ParentSelected:hover
{background: url("https://www.scottcline.com/Data/Sites/1/skins/dcarter-orangesunset-v3/sbi_header.png"); color: white;}
li.AspNet-TreeView-Root { margin: 0px 0px 0px 20px; }
li.AspNet-TreeView-ParentSelected ,
li.AspNet-TreeView-Selected ul li.AspNet-TreeView-ParentSelected
{ margin: 0px 0px 0px 0px; }
li.AspNet-TreeView-Leaf img,
li.AspNet-TreeView-Root img {display:none;}
div.AspNet-TreeView ul li.AspNet-TreeView-ChildSelected ul li.AspNet-TreeView-Selected,
div.AspNet-TreeView ul li.AspNet-TreeView-ChildSelected ul li.AspNet-TreeView-Parent,
div.AspNet-TreeView ul li.AspNet-TreeView-ChildSelected ul li.AspNet-TreeView-Leaf,
li.AspNet-TreeView-ParentSelected
{margin: 0px 0px 0px 0px; background: #545454;}
li.AspNet-TreeView-Leaf a,
li.AspNet-TreeView-Root a ,
li.AspNet-TreeView-Parent a
{padding: 0px 0px 0px 5px;color: #D5D2D6;}
/*
li.AspNet-TreeView-Leaf a:hover,
li.AspNet-TreeView-Root a:hover ,
li.AspNet-TreeView-Parent a:hover,
li.AspNet-TreeView-Selected ul li.AspNet-TreeView-ParentSelected a:hover,
li.AspNet-TreeView-Selected a
{padding: 0px 0px 0px 5px;color: white;}
*/
.blogwrapper { background: #545454; }
.blognavleft {float: left; width: 200px; padding: 5px 5px 30px 5px;
margin: 0px 0px 0px 0px;background: #545454; }
.blognavright {float: right; width: 200px; padding: 5px 5px 30px 5px;
margin: 0px 0px 0px 0px; background: #545454; }
.blogcenter-nonav {margin: 0px 0px 0px 0px; padding: 5px 0px 0px 5px; }
.blogcenter-leftnav {margin: 0px 0px 0px 210px; padding: 5px 0px 0px 5px; }
.blogcenter-rightnav {margin:0px 210px 0px 0px; padding: 5px 0px 0px 5px; }
.bloginfo { }
.bloginfotitle { font-weight: bold; }
.blogtitle { margin: 5px 0px 0px 0px; font-weight: bold; }
.blogdate { padding: 0px 5px 0px 0px; text-align:right; font-size:11px; }
.blogcommentlink
{ font-size:11px; text-align:right; padding: 0px 5px 3px 0px; font-family: Trebuchet MS; }
div.blogcommentlink{ border-bottom: 1px solid #EAEAEA; }
div.blogcommenttext { border-bottom: 1px solid #EAEAEA; }
.blogcommenttitle { font-family: Trebuchet MS; }
div.blogwrapper a {color: #D5D2D6;}
.blogcommentposter { font-size:11px; }
.blognav ul { list-style-type:none; }
.blognav li { list-style: none; margin: 0px 0px 3px -30px; }
div.blognavright div h3 { margin: 0px 0px -10px 8px; }
/* ------------------------------------------------------------------
Blog nav column position
------------------------------------------------------------------
Current mojoPortal renders the blog nav (Statistics / Archives / Categories) AFTER the
post list in the markup:
The float rules above were written for the older markup, where the nav came first. A
float cannot rise above a block-level sibling that precedes it, so "float: right" on a
nav that now comes second pushes it below the entire post list - which is why the nav
was appearing near the bottom of the page.
Flex with an explicit order fixes it independently of source order: the right nav goes
right, the left nav goes left, and both align to the top of the posts. The float and the
centre column's reserved side margin are neutralised here so the two approaches do not
fight each other.
Widths are unchanged from the float layout: flex-basis 200px plus the 5px left/right
padding already set above gives a 210px column, which is exactly what the old
"margin: 0 210px 0 0" on the centre reserved.
This assumes the centre and nav are direct children of .blogwrapper, which is how
mojoPortal renders them while the BlogDisplaySettings LayoutRowRender property is false
(its default). If you ever switch that on, mojoPortal inserts a row element between
them and these selectors need the extra level added.
------------------------------------------------------------------ */
.blogwrapper {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
.blogwrapper > .blogcenter-nonav,
.blogwrapper > .blogcenter-leftnav,
.blogwrapper > .blogcenter-rightnav {
flex: 1 1 320px;
min-width: 0;
order: 1;
margin: 0;
}
.blogwrapper > .blognavleft,
.blogwrapper > .blognavright {
flex: 0 0 200px;
float: none;
}
.blogwrapper > .blognavleft { order: 0; }
.blogwrapper > .blognavright { order: 2; }h2.forumhead { margin: 0px 0px 0px 0px; padding: 0px 0px 3px 5px; font-size:170%;}
.forumthreadcrumbs { font-size: 16px; margin: 0px 0px 10px 0px; padding: 0px 0px 3px 5px; background: #545454;}
.forumpostheader {padding: 0px 0px 0px 5px;margin: 0px 0px 0px 0px;
background-color: #414141; font-weight: bold; }
.postwrapper { float: left; width:100%; background-color: #545454; margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px; border:solid thin #545454;}
.postleft {clear:left; float: left; text-align:center; width: 20%; padding: 15px 5px 5px 5px;
margin: 0px 0px 0px 0px; }
.postright { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 21%;
background-color: #414141; }
.posttopic { background-color: #545454; }
.postbody { padding: 10px 5px 0px 5px; min-height: 200px;}
.forumpostuserpropertylist { margin: 0px 0px 0px 0px; text-align: center; }
.forumpostusername { list-style-type:none; }
.forumpostuseravatar { list-style-type:none; }
.forumpostuserattribute { list-style-type:none; }.rsswrapper { }
.rssnavleft {float: left; width: 235px; padding: 5px 5px 30px 5px; margin: 0px 0px 0px 0px; }
.rssnavright {float: right; width: 235px; padding: 5px 5px 30px 5px; margin: 0px 0px 0px 0px; }
.rsscenter-nonav {margin: 0px 0px 0px 0px; padding: 5px 0px 0px 5px; font-size: 105%; }
.rsscenter-leftnav {margin: 0px 0px 0px 245px; padding: 5px 0px 0px 5px; font-size: 105%; }
.rsscenter-rightnav {margin:0px 245px 0px 0px; padding: 5px 0px 0px 5px; font-size: 105%; }
.rsstitle { margin: 5px 0px 0px 0px; font-size: 15px; font-weight: bold; }
.rssdate { padding: 0px 5px 0px 0px; text-align:right; }
.rsstext { }
.rssauthor { padding: 0px 0px 5px 5px; font-family: Trebuchet MS; border-bottom: solid 1px #ccc; }
.FeedHead { padding: 0.5em; }
.FeedBody { border-color: #CAB693; border-style: solid; border-width: 1px;
border-top-width: 0px; padding-left: 0.5em; padding-right: 0.5em; }
.rssfeedentryTrue { }
.rssfeedentryFalse { background-color: #6F7A86; }
.feedscroller
{
position:relative;
display:block;
overflow:hidden;
}
.feedscroller .rsswrapper { position:relative;
display:block;
overflow:hidden;
height:250px;}
.feedscroller .rssentries
{
position:absolute;
}
body { margin: 0px 0px 0px 0px; }
.formwizlist ul { margin: 0px 0px 0px 0px; padding: 0px; }
.formwizlist, .formwizlist li, .formwizlist ul li { list-style: none; padding: 0px 0px 4px 0px; margin-left:0px; }
.draghandle {width:50px;height:25px;margin-right:5px;background-image:url("https://www.scottcline.com/Data/Sites/1/skins/dcarter-orangesunset-v3/draghandle.gif");background-repeat:repeat; cursor:move;float:left;}
.callbackstyle, .callbackStyle ul li {border:thin #6297BC inset; list-style: none;}
.draghandle li {list-style: none; }
.reordercue { border:dashed thin black; width:100%; height:25px; }
.questioncontainer { padding: 5px; border: dashed 1px black; }
.editcontainer { float:left; }
.draghandle .buttoncontainer {float:left;margin:0px;padding:0px; }
.draghandle .buttoncontainer .upbutton { float:left;margin:0px;padding:0px;}
.draghandle .buttoncontainer .downbutton { float:left;clear:left;margin:0px;padding:0px; }
.formwizard .settingrow .settinglabel {width:100%; }
.formwizard .buttonlink { background-color:transparent;border-style:none;color: black;cursor: pointer;text-decoration: underline; font-size: 9px;}
.qcb label {padding-left: 3px;}
.ajax__slider_h_rail {position:relative;background:url("https://www.scottcline.com/Data/Sites/1/skins/dcarter-orangesunset-v3/slider_h_rail.gif") repeat-x;height:22px;width:150px;}
.ajax__slider_h_handle {position:absolute;height:22px;width:10px;}
.ajax__slider_v_rail {position:relative;background:url("https://www.scottcline.com/Data/Sites/1/skins/dcarter-orangesunset-v3/slider_v_rail.gif") repeat-y;width:22px;height:150px;}
.ajax__slider_v_handle {position:absolute;height:10px;width:22px;}
body { }
.productlist h3 { }
.productcontainer { border-bottom: solid thin #ffffff; padding:7px; float:left; clear:both;width:100%; }
.productcontainer h4 { margin-top: 0px; margin-bottom: 3px; font-size: 1.3em; }
.productcontainer p { margin: 0px; }
.offercontainer { clear:both; }.aspcalendarmain { margin: 0px 0px 0px 5px;
background-color: #6F7A86; color:Black; font-size:10px; }
.aspcalendarmain a {color:Black; }
.aspcalendardayheader { font-weight:bold; font-size:10px; color:black;
text-align:center; white-space:nowrap;}
.aspcalendarday { border: solid 1px black; font-size:10px; color:Black;
text-align:center; white-space:nowrap;}
.aspcalendarnextprevious { font-weight:bold; font-size:small; color:Black;
text-align:center; white-space:nowrap; }
.aspcalendarothermonth { border: solid 1px black; background-color:#f3f3f3;
font-size:10px; color:Black; text-align:center; white-space:nowrap; }
.aspcalendarselectedday { border: solid 1px black; background-color:#FFFFE0;
font-size:10px; color:Black; text-align:center; }
.aspcalendarselector { font-size:8pt; font-weight:bold; text-align:center;
white-space:nowrap; }
.aspcalendartitle { border: none; background-color: #e8e8e8; font-size:10px;
font-weight:bold; text-align:center; white-space:nowrap; }
.aspcalendartoday { border: solid 1px black; background-color:#FFFFE0;
color:Black; font-size:10px; text-align:center; }
.aspcalendarweekendday { border: solid 1px black; background-color:#D3D3D3;
color:Black; font-size:10px; text-align:center; }
.mpcalendarmain { padding:3px; margin:0;
color: black; background: #837560; font-size:small; width: 100%;}
.mpcalendarmain a { color:Black; }
.mpcalendardayheader { font-weight:bold; font-size:8pt; border:solid thin #545454;
color: black; background: #837560; text-align:center; }
.mpcalendarday { border: solid 1px black; font-size:8pt;
color:Black; text-align:center; }
.mpcalendarnextprevious { border:solid thin #837560; color: white; background: #837560; text-align:center; }
.mpcalendarnextprevious a
{font-weight:bold; font-size:small;
color: black; background: #837560; text-align:center; }
.mpcalendarothermonth { border: solid 1px black;
background-color:#f3f3f3; font-size:8pt; color:Black; text-align:center;
}
.mpcalendarselectedday { border: solid 1px black;
background-color:#FFFFE0; font-size:8pt; color:Black; text-align:center; }
.mpcalendarselector { color: #8AAF55; background: #837560; border:solid thin #837560;
font-size:8pt; font-weight:bold; text-align:center; }
.mpcalendartitle { font-size:8pt; font-weight:bold; text-align:center;
color: black; background: #837560; border:solid thin #6F7A86;}
table.mpcalendartitle { border:solid thin #6F7A86;}
.mpcalendartoday { border: solid 1px black; background-color:#FFFFE0;
color:Black; font-size:8pt; text-align:center; }
.mpcalendarweekendday { border: solid 1px black; background-color:#D3D3D3;
color:Black; font-size:8pt; text-align:center; }
.eventcalendar{margin: 0px 0px 10px 0px; }
/* http://weblogs.asp.net/kevinbrammer/archive/2008/05/31/asp-net-gridview-themes.aspx */
.AspNet-GridView
{
font-family: Arial, Sans-Serif;
font-size:small;
table-layout: auto;
border-collapse: collapse;
border: #1d1d1d 5px solid;
}
.AspNet-GridView table { width: 100%; }
.AspNet-GridView table { width: 100%; }
.AspNet-GridView table.editgrid { margin:0px;}
.AspNet-GridView table thead
{
background-image: url("/Data/style/gridview//HeaderChromeBlack.jpg");
background-position:center;
background-repeat:repeat-x;
background-color:#1d1d1d;
}
.AspNet-GridView table thead th
{
padding: 5px;
color: #ffffff;
text-align:left;
}
.AspNet-GridView table thead th a
{
text-decoration:none;
color:#ffffff;
display:block;
text-align:left;
}
.AspNet-GridView table tbody tr td
{
padding: 5px;
border-right: solid 1px #1d1d1d;
background-color: #c9c9c9;
}
.AspNet-GridView table tbody tr.AspNet-GridView-Alternate td
{
background-color: #f0f0f0;
}
.AspNet-GridView div.AspNet-GridView-Pagination
{
background-image: url("/Data/style/gridview//HeaderChromeBlack.jpg");
background-position:center;
background-repeat:repeat-x;
background-color:#1d1d1d;
}
.AspNet-GridView div.AspNet-GridView-Pagination a
{
color:#ffffff;
text-decoration:none;
padding:2px 10px 2px 10px;
border-top:solid 1px #777777;
border-right:solid 1px #333333;
border-bottom:solid 1px #333333;
border-left:solid 1px #777777;
}
.AspNet-GridView div.AspNet-GridView-Pagination span
{
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
padding:2px 10px 2px 10px;
}
.AspNet-GridView tr.AspNet-GridView-Empty
{
color:#ffffff;
background-color: #c9c9c9;
text-align:center;
}
.AspNet-GridView tr.AspNet-GridView-Empty p
{ padding-top:20px;}
.formResults .AspNet-GridView table thead, .formResults div.AspNet-GridView-Pagination
{
background-image: none;
}
html[dir='rtl'] .AspNet-GridView table thead th { text-align: right;}
html[dir='rtl'] .AspNet-GridView table thead th a { text-align: right; }