@charset "utf-8";
/* CSS Document */
/*Overall settings*/
body { font-family:Tahoma, Geneva, sans-serif; }

img { border:none; }

p { margin-top: 0.5em; margin-bottom:0.5em; }

.demoItem {
	max-width:200px;
}

.wrapper-with-margin{
  margin:0px 50px;
}

.fleft { float:left; margin-right:8px; }
.fleft10 { float:left; height:10px; width:10px; }
.fleft20 { float:left; height:10px; width:20px; }
.fleft50 { float:left; height:10px; width:50px; }
.fright { float:right; }
.fcenter { margin: 0 auto;  }
.clear { clear:both; }

.lh25 { line-height:25px; }
.lh30 { line-height:30px; }
.lh35 { line-height:35px; }

.nowrap { white-space:nowrap; overflow:hidden; }

.margin5 { margin:5px; }
.margin10 { margin:10px; }
.margin20 { margin:20px; }
.marginLeft10 { margin-left:10px; }
.marginLeft20 { margin-left:20px; }
.marginLeft50 { margin-left:50px; }
.marginRight5 { margin-right:5px; }
.marginRight10 { margin-right:10px; }
.marginRight20 { margin-right:20px; }
.marginRight40 { margin-right:40px; }
.marginTop5 { margin-top:5px; }
.marginTop10 { margin-top:10px; }
.marginTop15 { margin-top:15px; }
.marginTop20 { margin-top:20px; }
.marginTop25 { margin-top:25px; }
.marginTop30 { margin-top:30px; }
.marginTop50 { margin-top:50px; }
.marginBottom5 { margin-bottom:5px; }
.marginBottom10 { margin-bottom:10px; }
.marginBottom20 { margin-bottom:20px; }

.spacer { height:20px; }
.minispacer { height:10px; }
.microspacer { height:5px; }
.picospacer { height:2px; }

.noDisplay { display:none; }

.bold { font-weight:bold; }
.normal { font-weight: normal; }
.redLogoText { color: rgb(255, 21, 0); font:26px/1.1em 'open sans', sans-serif; font-weight:bold; }
.redText { color: rgb(255, 21, 0); }
.left { text-align:left; }
.center { text-align:center; }
.right { text-align:right; }

.pad5 { padding:5px; }
.pad10 { padding:10px; }
.pad20 { padding:20px; }
.pad50 { padding:50px; }
.padside10 { padding: 0 10px; }
.padside5 { padding: 0 5px; }
.padbottom5 { padding: 0 0 5px; }
.padright10 { padding-right:10px; }

.rounded {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.roundedTop {
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
}
.border { border:solid 1px #333; }
.noBorder { border:none; }
.ltGrey { background-color:#aaaaaa; }
.lighterGrey { background-color:#D6D6D6; }
.black { background-color:#000000; }
.white { background-color:#FFF; }
.ltBlue { background-color:rgba(51, 51, 153, 0.3) !important; }
.ltBlueBorder { border:solid 1px rgba(51, 51, 153, 1) !important; }
.red { background-color:rgba(230, 150, 175, 1); }
.green { background-color:rgba(175, 230, 150, 1) !important; }
.blue { background-color:#2A5FFF; color:#FFF; }
.yellow { background-color:#F4EB6F; }

.modalBlack {
	background-color: black;
  background-image: none;
  opacity: 0.9;
  z-index: 1040; 
}

.ltBlueHover:hover { background-color:rgba(51, 51, 153, 0.3); }

.whiteText { color:#FFF; }

.hover:hover { font-weight:bold; }

.minWidth650 { min-width:650px; }

/*Font sizes px*/
.f11 { font-size:11px; }
.f13 { font-size:13px; }
.f16 { font-size:16px; }
.f18 { font-size:18px; }
.f20 { font-size:20px; }
.f24 { font-size:24px; }
.f28 { font-size:28px; }
.f30 { font-size:30px; }
.f36 { font-size:36px; }
.f48 { font-size:48px; }

/*font sizes em*/
.f06e {font-size:0.6em; }
.f07e {font-size:0.7em; }
.f08e {font-size:0.8em; }
.f09e {font-size:0.9em; }
.f1e {font-size:1em; }
.f125e {font-size:1.25em; }
.f15e {font-size:1.5em; }
.f2e {font-size:2em; }

.w25 { width:25px; }
.w50 { width:50px; }
.w75 { width:75px; }
.w100 { width:100px; }
.w110 { width:110px; }
.w125 { width:125px; }
.w140 { width:140px; }
.w150 { width:150px; }
.w175 { width:175px; }
.w180 { width:180px; }
.w181 { width:181px; }
.w200 { width:200px; }
.w225 { width:225px; }
.w250 { width:250px; }
.w275 { width:275px; }
.w300 { width:300px; }
.w300m { max-width:300px; }
.w325 { width:325px; }
.w350 { width:350px; }
.w375 { width:375px; }
.w400 { width:400px; }
.w425 { width:425px; }
.w450 { width:450px; }
.w475 { width:475px; }
.w500 { width:500px; }
.w520 { width:520px; }
.w525 { width:525px; }
.w550 { width:550px; }
.w600 { width:600px; }
.w650 { width:650px; }
.w700 { width:700px; }
.w750 { width:750px; }
.w800 { width:800px; }
.w900 { width:900px; }

.w10p { width:10%; }
.w15p { width:15%; }
.w20p { width:20%; }
.w25p { width:25%; }
.w40p { width:40%; }
.w45p { width:45%; }
.w50p { width:50%; }
.w50p550m { width:50%; min-width:550px; }
.w55p { width:55%; }
.w60p { width:60%; }
.w65p { width:65%; }
.w70p { width:70%; }
.w75p { width:75%; }
.w80p { width:80%; }
.w90p { width:90%; }
.w95p { width:95%; }
.w100p { width:100%; }

.h75 { height:75px; }
.h100 { height:100px; }
.h150 { height:150px; }
.h200 { height:200px; }
.h250 { height:250px; }
.h300 { height:300px; }
.h400 { height:400px; }
.h400m { max-height:400px; overflow-y: scroll; overflow-x: hidden; }

.fit { display:inline-block; }

.blueHover:hover { 
	background: rgb(150, 200, 255); /* Fall-back for browsers that don't support rgba */
  background: rgba(150, 200, 255, .5);
}
.videoContent {
	/*width:80%;*/
	max-width: 800px;
	min-height:360px;
	/*margin: 0 auto;*/
}
.tableContainer {
  display: table;
}
.tableRow {
  display: table-row;
}
.tableColumn {
  display: table-cell;
	padding: 4px 10px;
}


/*Sortable*/

  #sortable { list-style-type: none; margin: 0; padding: 0; width: 90%; }
  #sortable li { margin: 0 3px 8px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.0em; height: 18px; }
  #sortable li span { position: absolute; margin-left: -1.3em; }
	
.vcenter {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}