/* Basic shortcuts for styles */

/*.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
.clearfix {}
*/

html {
  overflow-y: scroll;
  height: 100%; margin-bottom: 1px;
}

.NoScroll {                               
  overflow-y: none;
}

.LinkNoLine:hover {
  text-decoration: none;
  cursor:pointer;
}

.Full_sbs {
  position:fixed; left:0px; width:50%; height:92%; top:40px
}

.FullSB_sbs {
  height:90%; margin-left:50%; top:40px; padding-left:10px; padding-right:10px
}

.FullStacked {
  margin-top:-20px; width:100%; height:50%;
}

.FullSBStacked {
  top:50%; width:100%; height:50%
}

.book-index { 
  background-color:#EEE;
}
.mini-layout {
  border: 1px solid #ddd;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.075);
     -moz-box-shadow: 0 1px 2px rgba(0,0,0,.075);
          box-shadow: 0 1px 2px rgba(0,0,0,.075);
}
.mini-layout {
//  height: 240px;
  margin-bottom: 20px;
  padding: 9px;
}
.mini-layout div {
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.inline {
  display: inline;
}

.zoom-cursor {
  cursor: -moz-zoom-in; cursor: -webkit-zoom-in
}

.BusyLarge {
  width:100%; 
  height:100%; 
  background:url(/img/ajax-loader-linecircle.gif) center center no-repeat;
}
   
.PrimaryComment {
 border-top: 1px solid gray;
}

.ResponseComment {
 border-top: 1px dotted gray;
 margin-left: 20px;
}

.ActionLinks {
  zoom: 1;
  font-size:90%;
/*  filter: alpha(opacity=70);
  opacity: 0.7;*/
}

.NoScroll {
  overflow:hidden;
}

.uiDivButton {
  width:300px;
}
.uiDivButton:hover {
  background-color: rgba(0,0,0,0.2);
  cursor:pointer;
  cursor:hand;
}

.gradientText {
 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#333));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.AnsOutdent { text-indent: -2px; margin-left: 20px; }

.lfloat {
    float: left;
}
.rfloat {
    float: right;
}

.pas {
    padding: 5px;
}
.pam {
    padding: 10px;
}
.pal {
    padding: 20px;
}
.pts {
    padding-top: 5px;
}
.ptm {
    padding-top: 10px;
}
.ptl {
    padding-top: 20px;
}
.prs {
    padding-right: 5px;
}
.prm {
    padding-right: 10px;
}
.prl {
    padding-right: 20px;
}
.pbs {
    padding-bottom: 5px;
}
.pbm {
    padding-bottom: 10px;
}
.pbl {
    padding-bottom: 20px;
}
.pls {
    padding-left: 5px;
}
.plm {
    padding-left: 10px;
}
.pll {
    padding-left: 20px;
}
.phs {
    padding-left: 5px;
    padding-right: 5px;
}
.phm {
    padding-left: 10px;
    padding-right: 10px;
}
.phl {
    padding-left: 20px;
    padding-right: 20px;
}
.pvs {
    padding-bottom: 5px;
    padding-top: 5px;
}
.pvm {
    padding-bottom: 10px;
    padding-top: 10px;
}
.pvl {
    padding-bottom: 20px;
    padding-top: 20px;
}
.mas {
    margin: 5px;
}
.mam {
    margin: 10px;
}
.mal {
    margin: 20px;
}
.mts {
    margin-top: 5px;
}
.mtm {
    margin-top: 10px;
}
.mtl {
    margin-top: 20px;
}
.mrs {
    margin-right: 5px;
}
.mrm {
    margin-right: 10px;
}
.mrl {
    margin-right: 20px;
}
.mbs {
    margin-bottom: 5px;
}
.mbm {
    margin-bottom: 10px;
}
.mbl {
    margin-bottom: 20px;
}
.mls {
    margin-left: 5px;
}
.mlm {
    margin-left: 10px;
}
.mll {
    margin-left: 20px;
}
.mhs {
    margin-left: 5px;
    margin-right: 5px;
}
.mhm {
    margin-left: 10px;
    margin-right: 10px;
}
.mhl {
    margin-left: 20px;
    margin-right: 20px;
}
.mvs {
    margin-bottom: 5px;
    margin-top: 5px;
}
.mvm {
    margin-bottom: 10px;
    margin-top: 10px;
}
.mvl {
    margin-bottom: 20px;
    margin-top: 20px;
}

.fcb {
  color: #333333;
}

.fcg {
  color: gray;
}

.fss {
  font-size: 9px;
}

.fsm {
  font-size: 11px;
}

.fsl {
  font-size:13px;
}

.fsxl {
  font-size:16px;
}

.fsxxl {
  font-size:18px;
}

.fsxxxl {
  font-size:20px;
}

.fwb {
  font-weight: bold;
}

.fwn {
  font-weight: normal;
}

.fst {
  text-decoration: line-through;
}

.mus {
  position: relative;
  top: -2px;
}

.mds {
  position: relative;
  top: 2px;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.inline-close {
  font-size: 20px;
  font-weight: bold;
  line-height: 18px;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.inline-close:hover {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  filter: alpha(opacity=40);
}
button.inline-close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

/* List styles */
.uiOpenCircleList ul {list-style-type:circle; margin-left: 40px}
.uiBulletList ul {list-style-type:bullet; margin-left: 40px}

/* Matching control */
.ui-selectable .ui-selectee { border: 1px solid #DDDDDD; background: #EEEEEE; }
.ui-selectable .ui-selected { border: 1px solid #DDDDDD; background: #F39814; color: white; }
.ui-selectable { list-style-type: none; margin: 0; padding: 0; width: 60%;}
.ui-selectable li { margin: 3px; padding: 0.4em; font-size: 1em; height:18px; vertical-align:middle}

/* Word wrap in text */
.wrapfix {
  word-wrap:break-word;    work-break:break-all; 
  word-break:break-word
}

/* Extension of bootstrap form styles */
.form-tight .control-group {
  margin-bottom: 4px;
}

.form-emph .control-label {
  font-weight: bold;
}

.form-narrow .controls {
  margin-left:100px;
}

.form-narrow .control-label {
  width:90px;
}

/* Sortable list styles */
.sortableTest li { margin: 0 5px 5px 5px; padding: 5px; font-size: 1.2em; width: 120px; }

#sortable1 li,#sortable2 li { margin: 0 5px 5px 5px; padding: 5px; font-size: 1.2em; width: 120px; }

/* To prevent selection on divs */
.uiNoSelect {
        -moz-user-select: none; 
        -khtml-user-select: none; 
        -webkit-user-select: none; 
        -o-user-select: none; 
}


/* Control Panel List */

/*.formHeader{
  font-size:24pt;
  margin:10px;
  text-align:center;
}

.formItem{
  clear:both;
} */


.uiTextEditor {
  background-color: white;
}

.uiTextEditor p{
  padding: 0;
  margin: 0;
} 

.uiList ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.uiListItem {
    display: block;
}
.uiListHorizontalItem {
    float: left;
}
.uiListLight, .uiListMedium, .uiListDark {
    border-style: solid;
}

.uiListLight {
    border-color: #E9E9E9;
}
.uiListMedium {
    border-color: #CCCCCC;
}
.uiListDark {
    border-color: #AAAAAA;
}

.uiBoxGray {
    background-color: #F2F2F2;
    border: 1px solid #CCCCCC;
}

.uiNoBorder {
    border: medium none;
}

.uiBoxDarkgray {
    background-color: #333333;
    border: 1px solid #666666;
    color: #CCCCCC;
}
.uiListHorizontalItemBorder {
    border-width: 0 0 0 1px;
}
.uiListVerticalItemBorder {
    border-width: 1px 0 0;
}
.uiHidden {
  display:none;
}

.maxWidth {
  width:100%;
}

/*.uiInfoTable {
    border: 0 none;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

.uiInfoTable .label, .uiInfoTable .data, .uiInfoTable .rightCol {
    padding: 3px 0 1px;
    text-align: left;
    vertical-align: top;
}

.uiInputLabelRadio, .uiInputLabelCheckbox {
    float: left;
    margin: 0;
    padding: 0;
}
.uiInputLabelRadio {
    margin-top: 1px;
}

.uiInputLabelCheckbox {
    margin-top: 0px;
}

.uiInfoTable .uiRadioCaption, .uiInfoTable .uiCheckboxCaption {
    padding: 0px 0px 0px;
    margin-left: 4px;
    text-align: left;
    vertical-align: baseline;
}

.uiInfoTable .dataRow .data, .uiInfoTable .dataRow .rightCol {
    padding-top: 5px;
}

.uiInfoTable .label {
    color: #666666;
    font-weight: bold;
    padding-right: 10px;
    text-align: right;
    width: 130px;
}

.uiInfoTable .uiRadioLabel {
  padding-top: 5px;
}

.uiInfoTable .uiCheckboxLabel {
  padding-top: 4px;
}

.uiInfoTable .uiEditLabel {
  padding-top: 8px;
} */

.uiCtrlList .uiCtrlListItemSaved, .uiCtrlList .uiCtrlListItemEdit {
    color: #3B5998;
    float: right;
    padding-left: 25px;
    padding-right: 5px;
    text-align: right;
}

/*.ftCtrlEditorLabel {
    position: absolute;
    width: 155px;
}

.ftCtrlEditorFields {
    width: 420px;
    margin-left: 175px;
}

.ftCtrlEditorFields .uiSpacer hr {
    background-color: #CCCCCC;
} */

.uiCtrlList {
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  font-size: 11px;
    border-bottom: 1px solid #E9E9E9;
}

.uiCtrlList a.uiCtrlListLink {
  background: none repeat scroll 0 0 transparent;
  display: block;
  text-decoration: none;
  cursor: default;
}

.uiCtrlList a.uiCtrlListActiveLink {
  cursor: pointer;
}

.uiCtrlList a.uiCtrlListActiveLink:hover {
  background: none repeat scroll 0 0 #F7F7F7;
  text-decoration: none;
}

.uiCtrlList .uiCtrlListItemLabel {
    color: #333333;
    float: left;
    width: 160px;
}

.uiCtrlList a:hover .uiCtrlListItemEdit {
    text-decoration: underline;
}

/*.content-style {
  font-size:16px;
  font-family: sans-serif;
}


.uiSteps {
  list-style: none outside none;
}

.uiSteps li {
  color: #B0B1B3;
  float:left;
  font-size: 24px;
  width:100px;
  padding: 10px;
}

.uiSteps li.current {
  color: #000000;
}

.uiSteps li .Descr {
  display: block;
  margin-left:5px;
  font-size: 11px;
}


.uiBlueTab {
    display:block;
    width: 115px;
    height: 20px;
    float:left;
    font-size:85%;
    text-align:center;
    cursor: hand; cursor: pointer; 
    padding-top:4px;
    background:#0645AD; border-bottom:1px solid #ddd;color:#fff;
}
.uiBlueTab:hover {background:#186CF8;}


.uiBlueTabHover {background:#186CF8;height:70px}


.uiDivButton {
  width:300px;
}
.uiDivButton:hover {
  background-color: rgba(0,0,0,0.2);
  cursor:pointer;
  cursor:hand;
} */

.TextContent p {
  margin: 0; padding: 0;
}