/* Common Element Styles
=================================================================*/
.debug {border:1px dotted tomato}

.cleaner, .clear {clear: both;line-height: 0px;font-size: 0px;display:none;height:0;float:none}

.clearl {clear:left !important}
/* FLOATING */
.floatleft, .fl {float: left;}

.floatright, .fr {float: right;}

/* TEXT ALIGN */
.textleft, .tl {text-align: left;}

.textright, .tr {text-align: right;}

.textcenter, .tc {text-align: center;}

.textjustify, .tj {text-align: justify;}

 /* TEXT DECORATION */
.bold {font-weight: bold;}

.italic {font-style: italic;}

.underline {border-bottom: 1px solid;}

/* IMG ALIGN */
.imgleft {float:left;margin: 3px 15px 5px 0;}

.imgright {float:right;margin: 3px 0 5px 15px;}

.imgcenter {display: block;margin: 0 auto;}

.center {margin: 0 auto 0 auto;}

/* font colors [forced]*/
.black , .black a {color: #1a1a1a !important}
.white , .white a {color: #f2f2f2 !important}
.lightblue, .lightblue a {color: #02c3ca !important}
.lightblue1, .lightblue1 a {color: #016265 !important}
.darkblue, .darkblue a {color:#3C659B !important}
.blue , .blue a {color: #01C9FA !important}
.navy, .navy a {color: navy !important}
.red, .red a {color:#e60000 !important}
.red1, .red1 a {color:#b30000 !important}
.green, .green a {color:#36ac27 !important}
.green1, .green1 a {color:#2e9121 !important}
.lightgreen, .lightgreen a {color:#a6cb0f !important}
.lightgreen1, .lightgreen1 a {color:#87a60c !important}
/*.darkgreen, .darkgreen a {color:# !important}*/
.snow, .snow a {color:snow !important}
.silver, .silver a {color:silver !important}
.gray, .gray a {color:gray !important}
.darkgray, .darkgray a {color:#58595B !important}
.maroon, .maroon a {color:maroon !important}
.salmon, .salmon a {color:salmon !important}
.lighttan, .lighttan a {color:#FFFF99 !important}
.darktan, .darktan a {color:#C4CC93 !important}
.orange, .orange a {color: #f78300 !important}
.orange1, .orange1 a {color: #cc6d00 !important}
.yellow, .yellow a {color:yellow !important}
.lightyellow, .lightyellow a {color:#FCFF8B !important}
.gold, .gold a {color:gold !important}


/* font sizes */


.fs40 {font-size:40pt}
.fs30 {font-size:30pt}
.fs25 {font-size:25pt}
.fs20 {font-size:20pt}
.fs18 {font-size:18pt}
.fs17 {font-size:17pt}
.fs16 {font-size:16pt}
.fs15 {font-size:15pt}
.fs14 {font-size:14pt}
.fs13 {font-size:13pt}
.fs12 {font-size:12pt}
.fs11 {font-size:11pt}
.fs10 {font-size:10pt}
.fs9 {font-size:9pt}
.fs8 {font-size:8pt}
.fs7 {font-size:7pt}

/*  Font families */
.sans-serif {font-family: sans-serif}
.cursive {font-family: cursive}
.fantasy {font-family: fantasy}
.monospace {font-family: monospace}
.serif {font-family: serif}

/* width */
.w25 {width:100%;max-width:25%}
.w50 {width:100%;max-width:50%}
.w75 {width:100%;max-width:75%}
.w75 {width:100%;max-width:100%}


/* PADDING */
.p0 {padding: 0;}

.p1  {padding:1px;}
.pt1 {padding-top:1px;}
.pb1 {padding-bottom:1px;}
.pl1 {padding-left:1px;}
.pr1 {padding-right:1px;}

.p2  {padding:2px;}
.pt2 {padding-top:2px;}
.pb2 {padding-bottom:2px;}
.pl2 {padding-left:2px;}
.pr2 {padding-right:2px;}

.p5  {padding:5px;}
.pt5 {padding-top:5px;}
.pb5 {padding-bottom:5px;}
.pl5 {padding-left:5px;}
.pr5 {padding-right:5px;}

.p10  {padding:10px;}
.pt10 {padding-top:10px;}
.pb10 {padding-bottom:10px;}
.pl10 {padding-left:10px;}
.pr10 {padding-right:10px;}

.p15  {padding:15px;}
.pt15 {padding-top:15px;}
.pb15 {padding-bottom:15px;}
.pl15 {padding-left:15px;}
.pr15 {padding-right:15px;}

/* MARGINS */
.m0  {margin:0;}

.m1  {margin:1px;}
.mt1 {margin-top:1px;}
.mb1 {margin-bottom:1px;}
.ml1 {margin-left:1px;}
.mr1 {margin-right:1px;}

.m2  {margin:2px;}
.mt2 {margin-top:2px;}
.mb2 {margin-bottom:2px;}
.ml2 {margin-left:2px;}
.mr2 {margin-right:2px;}


.m5  {margin:5px;}
.mt5 {margin-top:5px;}
.mb5 {margin-bottom:5px;}
.ml5 {margin-left:5px;}
.mr5 {margin-right:5px;}

.m10  {margin:10px;}
.mt10 {margin-top:10px;}
.mb10 {margin-bottom:10px;}
.ml10 {margin-left:10px;}
.mr10 {margin-right:10px;}

.m15  {margin:15px;}
.mt15 {margin-top:15px;}
.mb15 {margin-bottom:15px;}
.ml15 {margin-left:15px;}
.mr15 {margin-right:15px;}

.m20  {margin:20px;}
.mt20 {margin-top:20px;}
.mb20 {margin-bottom:20px;}
.ml20 {margin-left:20px;}
.mr20 {margin-right:20px;}

.m30  {margin:30px;}
.mt30 {margin-top:30px;}
.mb30 {margin-bottom:30px;}
.ml30 {margin-left:30px;}
.mr30 {margin-right:30px;}

.m40  {margin:40px;}
.mt40 {margin-top:40px;}
.mb40 {margin-bottom:40px;}
.ml40 {margin-left:40px;}
.mr40 {margin-right:40px;}

/* OTHERS */
.inline {display: inline;}

.shadow {box-shadow: 0px 0px 4px #999}

/* >>> .clearfix */
.clearfix:after {
content: ".";
visibility: hidden;
display: block;
clear: both;
height: 0;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.hide, .hidden {display:none}

.pointer, .cursor_hand {cursor:pointer;}
.cursor_move {cursor:pointer;cursor:move;}

/* lables for member data items, etc .ie <div class="label">Birthday:</div> 12/4/78 */
.label {font-weight:bold;}

/* Status messages */
.error {border: 1px solid #FE3701;margin:2px auto 2px auto; background: #FFEEEE;color:#CF4343;width:250px;padding:5px;}
.success {border: 1px solid #51D716;margin:2px auto 2px auto; background: #E9FFE0;color:#2B8B01;width:250px;padding:5px;}
.message {border: 1px solid #FCC76B;margin:2px auto 2px auto; background: #FDEDC3;color:#FC7803;width:250px;padding:5px;}
.note {border: 1px solid #708FBB;margin:2px auto 2px auto; background: #CBE6F1;color:#0132B8;padding:5px;}

.gradient_darkgreen {
  background: #0D2E0F;
  background-image: linear-gradient(bottom, #0D2E0F 0%, #0D2E0F 11%, #537556 100%);
  background-image: -o-linear-gradient(bottom, #0D2E0F 0%, #0D2E0F 11%, #537556 100%);
  background-image: -moz-linear-gradient(bottom, #0D2E0F 0%, #0D2E0F 11%, #537556 100%);
  background-image: -webkit-linear-gradient(bottom, #0D2E0F 0%, #0D2E0F 11%, #537556 100%);
  background-image: -ms-linear-gradient(bottom, #0D2E0F 0%, #0D2E0F 11%, #537556 100%);
  background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #0D2E0F), color-stop(0.11, #0D2E0F), color-stop(1, #537556) );
  /*box-shadow: inset 0px -1px 1px #C9C9C7;*/
}

.gradient_greengray {
  background: #DCDEE0;
  background-image: linear-gradient(bottom, #DCDEE0 1%, #CEDECF 15%, #C7D1C7 100%);
  background-image: -o-linear-gradient(bottom, #DCDEE0 1%, #CEDECF 15%, #C7D1C7 100%);
  background-image: -moz-linear-gradient(bottom, #DCDEE0 1%, #CEDECF 15%, #C7D1C7 100%);
  background-image: -webkit-linear-gradient(bottom, #DCDEE0 1%, #CEDECF 15%, #C7D1C7 100%);
  background-image: -ms-linear-gradient(bottom, #DCDEE0 1%, #CEDECF 15%, #C7D1C7 100%);
  background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #DCDEE0), color-stop(0.15, #CEDECF), color-stop(1, #C7D1C7) );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DCDEE0', endColorstr='#C7D1C7',GradientType=0 );
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
}

.gradient_bluegray {
  background: #DCDEE0;
  background-image: linear-gradient(bottom, #DCDEE0 1%, #DFE2E6 15%, #ECEFF2 100%);
  background-image: -o-linear-gradient(bottom, #DCDEE0 1%, #DFE2E6 15%, #ECEFF2 100%);
  background-image: -moz-linear-gradient(bottom, #DCDEE0 1%, #DFE2E6 15%, #ECEFF2 100%);
  background-image: -webkit-linear-gradient(bottom, #DCDEE0 1%, #DFE2E6 15%, #ECEFF2 100%);
  background-image: -ms-linear-gradient(bottom, #DCDEE0 1%, #DFE2E6 15%, #ECEFF2 100%);
  background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #DCDEE0), color-stop(0.15, #DFE2E6), color-stop(1, #ECEFF2) );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DCDEE0', endColorstr='#ECEFF2',GradientType=0 );
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
}