/* Google Calendar responsive fix starts */

.calendar-container {
    position: relative;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden;
}

.calendar-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Google Calendar responsive fix ends */

.ttHelp{cursor: pointer; background-image:url('/img/ic/info.png'); width: 16px; height: 16px; border: 0px;}
.tt{cursor: pointer;}
.o_click{cursor: pointer;}

/* The module edit icon */
.m_tb{ width: 20px; height: 26px; padding: 1px 2px 1px 2px; z-index: 20;}


/* module lists such as links */
.modlist { list-style-position:outside; margin:0px; padding:0px; border: none;}
.modlist li {float:left; clear: both; list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0px; padding:2px 0px 5px 0px; text-align:left;width:100%;}

/* Expanding archived threads module */
.arch{
    background-image: url("/img/ic/arrow-down.gif");
    background-position: 0px 6px;
    background-repeat: no-repeat;
    cursor: pointer;
}
.arch_exp{
    background-image: url("/img/ic/arrow-up.gif");
    background-position: 0px 6px;
    background-repeat: no-repeat;
    cursor: pointer;
}
.arch_capt{margin-left: 16px;}
.arch_posts{display:none;}


/*.mod_options{position:absolute; top: 0px; right:0px;}*/

/*
#row-sortableMain, #row-sortableHeader, #row-sortableFooter { }
#row-sortableMain li, #row-sortableHeader li, #row-sortableFooter li {}
html>body #row-sortableMain li, #row-sortableHeader li, #row-sortableFooter li { }
*/
#previewLayout {
    width: 480px;
    margin: 0px; padding: 0px; font-size: 1.2em; text-align: left;
    border: 3px solid #c0c0c0; font-weight: bold; background-color: #ffffff;
    height: 18px;
    background-repeat:repeat-y;
}

/* Header Dialog styles follow */
.scroll {
    height: 200px;
    width: 230px;
    overflow: scroll;    
}

#hlib { width:240px;}
#hlib .selected { background: #eeeeff; color: white; border: 1px solid #333366; }
#hlib img { 
    cursor: pointer;
    /*float: left; */
    border: 1px solid #eeeeff;
    margin-top: 4px;
    padding: 6px;
    margin-right: 7px;    
}

#hupl { width:240px;}
#hupl .selected { background: #eeeeff; color: white; border: 1px solid #333366; }
#hupl img { 
    cursor: pointer;
    float: left;
    border: 1px solid #eeeeff;
    margin-top: 4px;
    padding: 6px;
    margin-right: 7px;    
}

.popover {
    max-width: 800px;
    width: auto;
}

/* jquery-sortable http://johnny.github.io/jquery-sortable/ */
body.dragging, body.dragging * {
  cursor: move !important;
}

.dragged {
  position: absolute;
  opacity: 0.5;
  z-index: 2000;
}

li.placeholder {
    position: relative;
    margin: 0;
    padding: 0;
    border: none; 
}

li.placeholder:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    margin-top: -5px;
    left: -5px;
    top: -4px;
    border: 5px solid transparent;
    border-left-color: red;
    border-right: none; 
}

ol.vertical {
  margin: 0 0 9px 0; 
  padding: 10px;
}

ol.vertical li {
    display: block;
    margin: 5px;
    padding: 5px;
    background: #eeeeee; 
    width:100%;
}

ol.vertical li {clear: both; text-align: center; margin: 5px; padding: 5px; float: left; font-size:10px; font-weight: bold; background-image: none; background-color: #ffffff;}

/* Menu Dialog */
#menu-sortable {list-style-type: none; margin:0; padding:0;}
#menu-sortable li {text-align: left; margin: 3px 3px 3px 0px; padding: 1px; float: left; font-size:10px; font-weight: bold; background-image: none; background-color: #ffffff; padding: 1px 3px 3px 3px; float:left;}
.item-drag {margin-top: 3px;}

/* Group Dialog */
ol.groups-sortable{ min-height: 12px; overflow: hidden; border: 1px dotted #dddddd;}
.groups-sortable {list-style-type: none; margin:0; padding:0;}
.groups-sortable li {cursor:pointer; border: 1px solid #aaaacc; text-align: left; margin: 3px 3px 3px 0px; float: left; font-size:10px; font-weight: bold; background-image: none; background-color: #ffffff; padding: 1px 3px 3px 3px; clear:both;}

/* Modules, Link, Layout Dialogs */
.sortableRows {list-style-type: none; margin:0; padding:0;}
.sortableRows li {border: 2px solid #aaaacc; width: 100%; text-align: left; margin: 0 5px 4px 5px; padding: 2px 5px 2px 5px; float: left; font-size:12px; font-weight: bold; background-color: #ffffff; float:left;}

.barTitle {float: left; cursor: move; width: 400px}

.noSelect {border: 1px solid #aaaacc;}
.yesSelect {border: 2px solid #cc0000;}

.dropdown-title {padding: 1px 3px 3px 3px; float:left;}
.dropdown-box {padding-bottom: 3px; float:left; width: 100%; border-bottom: 1px solid #aaaacc;}

/*.optIcons {position:absolute; top: 0px; left:0px; margin: 0px 0px 0px 3px}*/
.optIcons img {margin-right: 5px}
.optIcons {margin: 0px 0px 0px 3px; float: right;}
.optTitle {float: left; padding-left: 10px;}



.mod_icons{float: right; margin-right: 5px;}
.mod_options{float: right;}
.mod_box{border: 1px solid #aaaacc; height:24px; font-weight: bold; background-color: #ffffff;}
.mod_drag {width: 260px; cursor: move; float: left;}

#h_prompt {clear: both;text-align: left; font-style: italic; color: #cccccc;}
.menu_icons{float: right; margin: 2px 0 0 4px; cursor: pointer;}
.menu_text{padding: 1px 3px 3px 3px; float:left;}
.img_div {float: right;}
.m_links {font-style: italic; color: #999999; text-align:left; height: 100px; padding-left: 10px;}
.m_links input {height: 22px; padding-bottom: 3px; padding-top: 3px; margin-top: 5px; margin-bottom: 5px; border-color: #999999;}


/* TOOLBAR MENU*/
#toolMenu {left: -210px; top: -130px;}
.toolIcon {margin: 2px 2px 2px 0px}
#toolMenu .dropdown-menu{font-size: 12px;}

/* COG MENU */
#cogMenu {left: 15px; top: 0px;}
#cogMenu .dropdown-menu>li>a{font-size: 10px;}

/* Edit Header Graphic */
.edit_header {position:absolute; bottom: 50px; left: 200px; display:inline;}

/* Module Container modifiers */
.no-container {}
.well-body {padding: 15px;}

/* Virtual Weather */
.weatherbox {margin: 3px 3px 3px 6px; padding: 0px; cursor:pointer; margin-right: 2px;}
.weather-day {margin: 0; color: #333399; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 8pt; font-weight: bold; margin-left: 0px; text-align: center; float: left; position: relative; left:65px; top: 10px;}
.weather-night {margin: 0; color: #dddddd; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 8pt; font-weight: bold; margin-left: 0px; text-align: center; float: left; position: relative; left:65px; top: 10px;}
.windsym {position:relative; float: right; right:0px; top:12px; width:51px;}
.windtxt {position:absolute; float: left; left:14px; top:7px; width:25px; text-align:center; color: #333399; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:9px;}
.tempsym {position:relative; left:0px; top:0px; width:50px; font-size:1.1em;}
.temptxt {position:absolute; left:1px; top:19px; width:96px; text-align:center;}

/* Carousel */
.inner-item {
    text-align: center;    
}
.inner-item img {margin: 0 auto;}

/* Settings bar which appears above components */
.settingsBar {text-align: right; padding: 2px; margin-bottom:0px; float:right; width:24px;}

.objOptions {display: none; position: absolute; right: 4px; top: 0px; z-index: 10000;}

.contentWrapper {position: relative;}

/* This div is displayed if the module has no contents */
.emptyModule {border: dotted 1px #999999; height: 40px; width: 100%;}

/* Layout cell backgrounds */

.previewCell
{
    text-align: center; float: left; height: 20px;
    border: solid 1px #999999; color: #cccccc;
}
.rowContainer
{
    border: solid 2px #aaaacc; color: #cccccc; width:410px;
    margin: 0 5px 4px 5px;
    padding: 2px 5px 2px 5px; height:28px;
}
/*
.content_1 {background-image: url('/img/layouts/q-q-q-q.png');}
.content_2 {background-image: url('/img/layouts/q-h-q.png');}
.content_3 {background-image: url('/img/layouts/q-q-h.png');}
.content_4 {background-image: url('/img/layouts/q-3q.png');}
.content_5 {background-image: url('/img/layouts/h-h.png');}
.content_6 {background-image: url('/img/layouts/h-q-q.png');}
.content_7 {background-image: url('/img/layouts/3q-q.png');}
.content_8 {background-image: url('/img/layouts/full.png');}
.content_9 {background-image: url('/img/layouts/t-t-t.png');}
.content_10 {background-image: url('/img/layouts/2t-t.png');}
.content_11 {background-image: url('/img/layouts/t-2t.png');}
*/
/* style="position: relative; text-align: left; background-image: url(' + arrPreview[iType - 1] + ');"*/

/* The Admin toolbar */

.opts_box {
    position: fixed;
    bottom: 10px;
    right: 20px;
    width: 28px;
    border: 1px solid black;
   /* opacity: 0.6;*/
   background-color: #ffffff;
    filter: alpha(opacity=60);
    padding: 4px;
    text-align: center;
    z-index: 1000;
    /*
    background-image:url('/img/ic/75p_white.png');   */
 }
/*.opts_box img {vertical-align: middle; margin: 4px 2px 4px 2px; cursor:pointer; clear: both;}*/

/*
.opts_box[class] {
  z-index:1100;
  background-image:url('/img/ic/75p_white.png');
}
*/
.toolIcon {
    clear: both; 
    margin: 4px 2px 4px 2px; ;   
}

/* Hidden links */
a.tlink:link, a.tlink:active, a.tlink:hover, a.tlink:visited {color: #ffffff;}