@font-face {
  font-family:'montserratregular';
  src:url('../fonts/montserrat/Montserrat-Regular-webfont.eot');
  src:url('../fonts/montserrat/Montserrat-Regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/montserrat/Montserrat-Regular-webfont.woff') format('woff'),
        url('../fonts/montserrat/Montserrat-Regular-webfont.ttf') format('truetype'),
        url('../fonts/montserrat/Montserrat-Regular-webfont.svg#montserratregular') format('svg');
  font-weight:normal;
  font-style:normal;
}

@font-face {
  font-family:'montserratbold';
  src:url('../fonts/montserrat/Montserrat-Bold-webfont.eot');
  src:url('../fonts/montserrat/Montserrat-Bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/montserrat/Montserrat-Bold-webfont.woff') format('woff'),
        url('../fonts/montserrat/Montserrat-Bold-webfont.ttf') format('truetype'),
        url('../fonts/montserrat/Montserrat-Bold-webfont.svg#montserratbold') format('svg');
  font-weight:normal;
  font-style:normal;
}

@font-face {
  font-family:'yellowtailregular';
  src:url('../fonts/yellowtail/Yellowtail-Regular-webfont.eot');
  src:url('../fonts/yellowtail/Yellowtail-Regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/yellowtail/Yellowtail-Regular-webfont.svg#yellowtailregular') format('svg'),
    url('../fonts/yellowtail/Yellowtail-Regular-webfont.woff') format('woff'),
    url('../fonts/yellowtail/Yellowtail-Regular-webfont.ttf') format('truetype');
  font-weight:normal;
  font-style:normal;
}

@font-face {
  font-family:'playfair_displaybold';
  src:url('../fonts/playfairdisplay/playfairdisplay-bold-webfont.eot');
  src:url('../fonts/playfairdisplay/playfairdisplay-bold-webfont.eot?#iefix') format('embedded-opentype'),
      url('../fonts/playfairdisplay/playfairdisplay-bold-webfont.woff') format('woff'),
      url('../fonts/playfairdisplay/playfairdisplay-bold-webfont.ttf') format('truetype'),
      url('../fonts/playfairdisplay/playfairdisplay-bold-webfont.svg#playfair_displaybold') format('svg');
  font-weight:normal;
  font-style:normal;

}

@font-face {
  font-family:'playfair_displayblack_italic';
  src:url('../fonts/playfairdisplay/playfairdisplay-blackitalic-webfont.eot');
  src:url('../fonts/playfairdisplay/playfairdisplay-blackitalic-webfont.eot?#iefix') format('embedded-opentype'),
      url('../fonts/playfairdisplay/playfairdisplay-blackitalic-webfont.woff') format('woff'),
      url('../fonts/playfairdisplay/playfairdisplay-blackitalic-webfont.ttf') format('truetype'),
      url('../fonts/playfairdisplay/playfairdisplay-blackitalic-webfont.svg#playfair_displayblack_italic') format('svg');
  font-weight:normal;
  font-style:normal;

}

@font-face {
  font-family:'playfair_displayblack';
  src:url('../fonts/playfairdisplay/playfairdisplay-black-webfont.eot');
  src:url('../fonts/playfairdisplay/playfairdisplay-black-webfont.eot?#iefix') format('embedded-opentype'),
      url('../fonts/playfairdisplay/playfairdisplay-black-webfont.woff') format('woff'),
      url('../fonts/playfairdisplay/playfairdisplay-black-webfont.ttf') format('truetype'),
      url('../fonts/playfairdisplay/playfairdisplay-black-webfont.svg#playfair_displayblack') format('svg');
  font-weight:normal;
  font-style:normal;
}

@font-face {
  font-family:'playfair_displaybold_italic';
  src:url('../fonts/playfairdisplay/playfairdisplay-bolditalic-webfont.eot');
  src:url('../fonts/playfairdisplay/playfairdisplay-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
      url('../fonts/playfairdisplay/playfairdisplay-bolditalic-webfont.woff') format('woff'),
      url('../fonts/playfairdisplay/playfairdisplay-bolditalic-webfont.ttf') format('truetype'),
      url('../fonts/playfairdisplay/playfairdisplay-bolditalic-webfont.svg#playfair_displaybold_italic') format('svg');
  font-weight:normal;
  font-style:normal;
}

@font-face {
  font-family:'playfair_displayitalic';
  src:url('../fonts/playfairdisplay/playfairdisplay-italic-webfont.eot');
  src:url('../fonts/playfairdisplay/playfairdisplay-italic-webfont.eot?#iefix') format('embedded-opentype'),
      url('../fonts/playfairdisplay/playfairdisplay-italic-webfont.woff') format('woff'),
      url('../fonts/playfairdisplay/playfairdisplay-italic-webfont.ttf') format('truetype'),
      url('../fonts/playfairdisplay/playfairdisplay-italic-webfont.svg#playfair_displayitalic') format('svg');
  font-weight:normal;
  font-style:normal;
}

@font-face {
  font-family:'playfair_displayregular';
  src:url('../fonts/playfairdisplay/playfairdisplay-regular-webfont.eot');
  src:url('../fonts/playfairdisplay/playfairdisplay-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/playfairdisplay/playfairdisplay-regular-webfont.svg#playfair_displayregular') format('svg'),
      url('../fonts/playfairdisplay/playfairdisplay-regular-webfont.woff') format('woff'),
      url('../fonts/playfairdisplay/playfairdisplay-regular-webfont.ttf') format('truetype');
  font-weight:normal;
  font-style:normal;
}

.ui-widget
{
  font-size:12px;
}

.ui-slider-handle
{
  -moz-user-select:none;
}

html {
  height:100%;
}

body {
  height:100%;
}

#body
{
  background-color:#202020;
  color:#fff;
  text-align:center;
}

#main
{
  position:relative;
  background-color:#000;
  background-image:url(../img/background.png);
  background-position:top right;
  background-repeat:no-repeat;
  box-shadow:0 0 20px #101010;
  color:#fff;
  opacity:1.0;
  text-align:left;
  overflow:visible;
  z-index:1;
  height:auto;
  min-height:100%;
}

#main_outer {
  position:relative;
  max-width:960px;
  margin-left:auto;
  margin-right:auto;
  height:100%;
}

header
{
  position:relative;
  height:130px;
  cursor:default;
  background-color:#000;
  background-repeat:no-repeat;
}

header #current_user {
  position:absolute;
  top:12px;
  right:0px;
  height:21px;
  min-width:70px;
}

header #current_user .container {
  width:100%;
  height:100%;
  position:relative;
}

header #current_user .container .text,
header #current_user .container .background {
  position:absolute;
  width:100%;
  height:100%;
}

header #current_user .container .background {
  background-color:#000;
  z-index:1;
}

header #current_user .container .text {
  z-index:2;
}

header #current_user .container .text #current_user_menu {
  margin:0;
  padding:2px 5px 2px 5px;
  font-family:montserratregular,Tahoma, sans-serif;
  font-weight:normal;
  font-size:14px;
  white-space:nowrap;
  z-index:1;
}

header #current_user .container .text #current_user_menu a {
  color:#fff;
  text-decoration:none;
}

header #current_user .container .text #current_user_menu .popupmenu {
  left:auto;
  right:0px;
}

header #current_language {
  position:absolute;
  top:42px;
  right:0px;
  height:21px;
  min-width:85px;
  z-index:1;
}

header #current_language .container {
  width:100%;
  height:100%;
  position:relative;
}

header #current_language .container .text,
header #current_language .container .background {
  position:absolute;
  width:100%;
  height:100%;
}

header #current_language .container .background {
  background-color:#000;
  z-index:1;
}

header #current_language .container .text {
  z-index:2;
}

header #current_language .container .text #current_language_menu {
  margin:0;
  padding:0 0 0 0;
  font-family:montserratregular,Tahoma, sans-serif;
  font-weight:normal;
  font-size:14px;
  white-space:nowrap;
}

header #current_language .container .text #current_language_menu select {
  color:#fff;
  background-color:#000;
  text-decoration:none;
  padding-left:4px;
  margin:0;
  border:none;
  float:none;
  font-family:montserratregular,Tahoma, sans-serif;
  font-weight:normal;
  font-size:14px;
  white-space:nowrap;
}

header #current_language .container .text #current_language_menu .popupmenu {
  left:auto;
  right:0px;
}

#logo
{
  display:block;
  position:absolute;
  top:40px;
  left:124px;
  text-align:center;
  font-family:Trebuchet ms, Arial, sans-serif;
  font-weight:700;
  font-size:24px;
  cursor:default;
  text-shadow:1px 1px 5px #f0f0f0;
  letter-spacing:-.15px;
}

#logo .a
{
  color:inherit;
  text-decoration:none;
  cursor:inherit;
}

#logo #sitename
{
  display:none;
}

#logo_slogan
{
  display:block;
  position:absolute;
  top:51px;
  left:229px;
  z-index:10;
  font-family:montserratregular,Tahoma, sans-serif;
  font-weight:bold;
  font-size:16px;
  font-style:italic;
}

#contact {
  color:#000;
  display:none;
  background-color:#000;
  border-top:1px solid #000;
}

#contact #contactheader {
  font-family:yellowtailregular,Georgia,serif;
  font-size:24px;
  color:#0085cf;
  margin:10px 20px 10px 20px;
  border-bottom:3px solid #003653;
  line-height:22px;
}

#contact p {
  color:#fff;
  font-family:Tahoma, Georgia, sans-serif;
  font-size:16px;
  font-weight:normal;
  margin:10px 20px 10px 20px;
}

#contact fieldset {
  border:0;
  margin:10px 20px 10px 20px;
  padding:10px;
  border-radius:5px;
  border:1px solid #003653;
}

#contact fieldset legend{
  font-family:yellowtailregular,Georgia,serif;
  font-size:18px;
  color:#0085cf;
  margin-left:10px;
}

#contact fieldset label{
  float:left;
  width:100px;
  font-family:Tahoma, sans-serif;
  font-size:16px;
  margin-bottom:10px;
  padding-top:3px;
  color:#fff;
}

#contact fieldset input.text{
  float:left;
  font-family:monospace;
  font-size:14px;
  color:#fff;
  background-color:#000;
  border:1px solid #0085cf;
  border-radius:3px;
  padding:2px 10px 2px 10px;
  margin:0;
  width:300px;
}

#contact fieldset textarea{
  float:left;
  font-family:monospace;
  font-size:14px;
  color:#fff;
  background-color:#000;
  border:1px solid #0085cf;
  border-radius:3px;
  width:500px;
  height:75px;
  padding:2px;
}

#contact fieldset button{
  clear:both;
  font-family:Trebuchet ms, Arial, sans-serif;
  font-size:11px;
  border-top:1px solid #f0f0f0;
  border-left:1px solid #f0f0f0;
  border-bottom:1px solid #202020;
  border-right:1px solid #202020;
  background-color:#d0d0d0;
  font-weight:bold;
  border-radius:5px;
  line-height:12px;
  padding:2px 10px 2px 10px;
  margin-left:550px;
  margin-top:5px;
}

#contact fieldset br{
  clear:left;
}

#contact p .label {
  float:left;
  width:240px;
  margin-bottom:5px;
}

#contact p .value {
  float:left;
  font-weight:bold;
  margin-bottom:5px;
  color:#fff;
}

#contact p br {
  clear:both;
}

#main :hover>ul.popupmenu,
footer :hover>ul.popupmenu
{
  display:block;
}

#main ul.popupmenu,
footer ul.popupmenu
{
  background-color:#202020;
  border:1px solid #003653;
  box-shadow:0 4px 4px #101010;
  display:none;
  margin:0;
  overflow:hidden;
  padding:0;
  position:absolute;
  text-align:left;
  z-index:1;
}

#main ul.popupmenu li:first-child,
footer ul.popupmenu li:first-child
{
  border-top:1px solid #003653;
}

#main ul.popupmenu li,
footer ul.popupmenu li
{
  border-top:1px solid #003653;
  font-family:montserratregular, Tahoma, sans-serif;
  font-size:14px;
  list-style-type:none;
  white-space:nowrap;
  margin:0;
  padding:0;
  text-transform:none;
}

#main ul.popupmenu li {
  border-top:none;
}

#main ul.popupmenu li a,
footer ul.popupmenu li a
{
  display:block;
  padding:5px 10px;
}

#main ul.popupmenu li a:hover,
footer ul.popupmenu li a:hover
{
  background-color:#0085CF;
}

#menus ul.popupmenu {
  border-radius:0 0 5px 5px;
  left:-1px;
  top:24px;
}

#menus a
{
  text-overflow:ellipsis;
  text-decoration:none;
  color:#fff;
  letter-spacing:-0.75px;
  white-space:nowrap;
  max-width:200px;
  overflow:hidden;
  display:inline-block;
}

#menus li:hover
{
  background-color:#0085CF;
  cursor:pointer;
}

#menu
{
  background-color:#003653;
  background-image:linear-gradient(#003653, #00486f);
}

#menu_sections
{
  background-color:#0085CF;
}

#menu_section
{
  background-color:#44A7FF;
  color:#fff;
}

#menu_section ul
{
  float:left;
  height:24px;
  margin:0;
  padding:0 0 0 20px;
}

#menu_section li,
#menu_section li.selected
{
  display:inline-block;
  font-family:montserratregular,Tahoma, sans-serif;
  font-size:14px;
  position:relative;
  text-align:center;
  vertical-align:top;
  height:16px;
  margin:0;
  padding:4px 10px;
}

#menu_section .li ,
#menu_section .li_selected {
  padding-left:7px;
  padding-right:7px;
}

#menu_section_findbar{
  float:right;
  margin-right:30px;
  vertical-align:sub;
  margin-top:3px;
}

#menu_section ul.ul {
  float:left;
}

#menu_section_findbar form,
#menu_section_findbar fieldset {
  margin:0;
  padding:0;
  border:none;
}

#menu_section_findbar label,
#menu_section_findbar .text {
  padding-top:0;
  padding-bottom:0;
  margin-top:0;
  margin-bottom:0;
  width:auto;
  font-family:Tahoma, sans-serif;
  font-size:14px;
}

#menu_section_findbar .text {
  padding-left:5px;
  padding-right:5px;
}

#menu_section_findbar .submit {
  border-radius:5px;
  border-top:1px solid #f0f0f0;
  border-left:1px solid #f0f0f0;
  border-bottom:1px solid #202020;
  border-right:1px solid #202020;
  background-color:#d0d0d0;
  font-family:Trebuchet ms, Arial, sans-serif;
  font-size:14px;
  font-weight:bold;
  line-height:12px;
  margin:0;
  padding:2px 5px;
}

#menu_section_findbar .text {
  border:1px solid #fff;
  background-color:#000;
  color:#fff;
  border-radius:3px;
}

#menu_section_findbar .submit {
  border-radius:3px;
}

#sysmessages
{
  font-family:Tahoma, sans-serif;
  font-size:12px;
  border-bottom:1px solid #000;
}

#sysmessages .info,
#sysmessages .notice,
#sysmessages .error
{
  margin-bottom:2px;
  padding:2px 7px;
}

#sysmessages .info
{
  color:#000;
  background-color:#fff;
}

#sysmessages .notice
{
  color:#000;
  background-color:#FFF58F;
}

#sysmessages .error
{
  color:#000;
  background-color:#FF8F8F;
}

#sysmessages .date
{
  display:none;
  width:130px;
  float:left;
}

#sysmessages .message
{
  float:left;
  font-weight:700;
}

#content {
  position:relative;
  padding-bottom:250px; /* footer */
}

#content .native
{
  padding-left:20px;
  padding-right:20px;
  padding-top:10px;
}

#content .native h1
{
  border-bottom:3px solid #003653;
  color:#fff;
  font-family:playfair_displayblack_italic,Georgia,serif;
  font-size:28px;
}

#content .native h2
{
  color:#fff;
  font-family:playfair_displayblack,Georgia,serif;
  font-size:20px;
}

#content .native h3
{
  color:#fff;
  font-family:playfair_displayblack,Georgia,serif;
  font-size:14px;
}

#content .native a
{
  color:#fff;
  text-decoration:underline;
}

#content .native a:hover {
  color:#808080;
}

#content .native fieldset
{
  background-color:#202020;
  border-radius:5px;
  border:none;
  padding:10px;
}

#content .native fieldset br {
  clear:both;
}

#content .native fieldset label
{
  font-family:Tahoma, sans-serif;
  /*font-size:11px;*/
  padding-top:5px;
  float:left;
  clear:left;
  width:140px;
  padding-right:10px;
  margin-bottom:13px;
  text-align:right;
}

#content .native fieldset label.checkbox
{
  width:auto;
  padding-left:10px;
  text-align:left;
  clear:none;
}

#content .native fieldset label.file
{
  padding-top:7px;
}

#content .native fieldset label.textarea
{
  margin-bottom:0;
}

#content .native fieldset span.description
{
  float:left;
  font-family:Trebuchet ms, Arial, sans-serif;
  font-size:11px;
  font-style:italic;
  padding-left:10px;
  padding-top:5px;
}

#content .native fieldset input.checkbox,
#content .native fieldset input.text,
#content .native fieldset input.date,
#content .native fieldset select,
#content .native fieldset select.icon,
#content .native fieldset input.file
{

  color:#fff;
  background-color:#000;
  font-family:Lucida Console, Trebuchet ms, Arial, sans-serif;
  font-size:10pt;
  float:left;
  border-radius:3px;
  border:1px solid #a0a0a0;
  padding:3px;
}

#content .native fieldset input.text {
  width:165px;
}

#content .native fieldset input.file
{
  padding:0;
}

#content .native fieldset select {
  width:173px;
}

#content .native fieldset input[disabled],
#content .native fieldset select[disabled],
#content .native fieldset textarea[disabled] {
  background:#404040;
    color:#808080;
}

#content .native fieldset select optgroup
{
  font-family:Tahoma, sans-serif;
  font-weight:700;
  font-style:normal;
  font-size:10pt;
  color:#fff;
  background-color:#000;
}

#content .native fieldset select option
{
  color:#fff;
  background-color:#000;
  font-family:Lucida Console, Trebuchet ms, Arial, sans-serif;
  font-size:10pt;
}

#content .native fieldset select.icon,
#content .native fieldset option.icon
{
  background-repeat:no-repeat;
  background-position:3px center;
  padding-left:20px;
}

#content .native fieldset span.value
{
  font-family:Lucida Console, Trebuchet ms, Arial, sans-serif;
  font-size:10pt;
  float:left;
  width:165px;
  color:#fff;
  padding:2px;
  margin-top:4px;
}

#content .native fieldset input.checkbox
{
  float:left;
  clear:left;
  font-size:12px;
  background-color:#000;
  color:#fff;
}

#content .native fieldset input.date
{
  width:155px;
}

#content .native fieldset input.datetime
{
  width:120px;
}

#content .native fieldset textarea
{
  float:left;
  font-family:Lucida Console, Trebuchet ms, Arial, sans-serif;
  /*font-size:10pt;*/
  background-color:#000;
  color:#fff;
  width:710px;
}

#content .native fieldset .textarea_inner_container textarea
{
  display:block;
  width:100%;
  border:none;
  margin:0;
  padding:0;
}

#content .native fieldset input.submit
{
  margin-top:15px;
  margin-right:15px;
  float:right;
}

#content .native fieldset input.submit,
#content .native fieldset button,
#content .native button,
#content .native .button
{
  text-decoration:none;
  color:#000;
  font-family:Trebuchet ms, Arial, sans-serif;
  border-top:1px solid #f0f0f0;
  border-left:1px solid #f0f0f0;
  border-bottom:1px solid #202020;
  border-right:1px solid #202020;
  background-color:#d0d0d0;
  font-weight:700;
  border-radius:5px;
  padding-left:15px;
  padding-right:15px;
}

#content .native fieldset div.checkboxes {
  float:left;
  border:1px solid #a0a0a0;
  border-radius:5px;
  background-color:#000;
  margin-top:3px;
  padding-left:5px;
}

#content .native fieldset div.checkboxes label.checkbox {
  margin-bottom:3px;
  padding-top:3px;
  padding-left:5px;
}

#content .native pre
{
  border-radius:5px;
  font-size:18px;
  white-space:pre-wrap;
}

#main_outer .ads
{
  text-align:center;
  padding-top:10px;
  padding-bottom:10px;
}

#main_outer .ads .container {

}

#content .native table
{
  border:1px solid #505050;
  border-collapse:collapse;
  width:100%;
}

#content .native table thead tr th
{
  background-color:#0085CF;
  color:#fff;
  font-family:montserratregular,Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size:9px;
  text-transform:uppercase;
  font-weight:700;
  padding:5px 5px;
}

#content .native table tbody tr:hover,
#content .native table tbody tr:hover:nth-child(odd) {
  background-color:#303030;
}

#content .native table tbody tr td
{
  color:#fff;
  font-family:montserratregular,Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size:12px;
  line-height:15px;
  padding:5px;
}

#content .native table tbody tr td a
{
  text-decoration:none;
}

#content .native table tbody tr:nth-child(odd)
{
  background-color:#151515;
}

footer
{
  clear:both;
  color:#00486F;
  font-family:Trebuchet ms, Arial, sans-serif;
  font-size:12px;
  background-color:#0085CF;
  border-bottom:50px solid #0085CF;
  height:100px;
  margin-top:-150px;
  position:relative;
  z-index:10; /* important, otherwise content covers */
}

footer #footer_logo
{

  font-family:Tahoma, sans-serif;
  font-size:10px;
  font-weight:700;
  height:21px;
  text-align:center;
  background-color:#00486F;
  color:#fff;
  background-image:linear-gradient(#003653, #00486f);
  margin:0;
  padding:3px;
  line-height:21px;
}

footer a
{
  position:relative;
  text-decoration:none;
  color:inherit;
}

footer .img
{
  border:none;
  vertical-align:middle;
}

footer #bottomline
{
  width:200px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  padding-top:5px;
}

footer #bottomline .counter
{
  display:inline-block;
}

footer #bottomline img
{
  border:none;
  vertical-align:sub;
}

footer #bottomline #footer_menu {
  position:relative;
  display:inline-block;
  padding:0 7px 0 7px;
  color:#fff;
}

footer #bottomline .policy {
  display:inline-block;
}

footer #bottomline .policy a {
  color:#fff;
}

#footer_menu:hover {
  background-color:#000;
  cursor:pointer;
}

#footer_menu ul.popupmenu {
  left:-1px;
  bottom:14px;
}

.clear_both
{
  clear:both;
}

body,html,form
{

  margin:0;
  padding:0;
}

#menu ul.rowmenu,
#menu_sections ul.rowmenu
{
  height:24px;
  margin:0;
  padding:0 0 0 20px;
}

#menu ul.rowmenu li.rowmenuitem,
#menu ul.rowmenu li.rowmenuitem.selected,
#menu_sections li,
#menu_sections li.selected
{
  position:relative;
  display:inline-block;
  font-family:montserratregular,Tahoma, sans-serif;
  font-size:14px;
  text-align:center;
  vertical-align:top;
  height:16px;
  margin:0;
  padding:4px 10px;
}

#menu li.selected,
#menu_sections li.selected,
#menu_section li.selected,
#content .native table tbody tr
{
  background-color:#000;
}

#menu_sections li:hover,
#menu_section li:hover
{
  background-color:#000;
  cursor:default;
}

#content .native p,
#content .native ul li,
#content .native ol li
{
  color:#fff;
  font-family:montserratregular, Verdana, Tahoma, Arial, Helvetica, sans-serif;
  /*font-size:12px;
  line-height:20px;*/
  font-size:16px;
  line-height:24px;
}

#content p.filter {
    color:#808080;

}

#content p.filter span{
  text-decoration:underline;
  cursor:pointer;
  color:#808080;
}

#content p.filter span:hover {
  color:#c0c0c0;
}

#content p.filter span.on{
  color:#fff;
  text-decoration:none;
  cursor:default;
  font-weight:bold;
}

#content p.filter span.on:hover{
  color:#fff;
}

#main_outer .dragout {
  display:none;
  position:absolute;
  top:270px;
  left:-148px;
  width:272px;
  height:75px;
  z-index:0;
}

#main_outer .dragout .rail {
  position:relative;
  width:100%;
  height:100px;
  margin-top:-10px;
}

#main_outer .dragout .slider {
  position:absolute;
  width:150px;
  right:0px;
  top:0px;
  height:100%;
  background-color:#606060;
  border:1px solid #000;
  border-radius:10px;
  color:#fff;
  text-align:left;
}

#main_outer .dragout .slider .handle .label {
  -moz-transform:rotate(-90deg);
  -webkit-transform:rotate(-90deg);
  -o-transform:rotate(-90deg);
  -ms-transform:rotate(-90deg);
  transform:rotate(-90deg);
  font-family:Tahoma,sans-serif;
  margin-top:60px;
}

#main_outer .dragout .icon {
  height:75px;
  margin-left:30px;
}

#main_outer .dragout :nth-child(odd) .slider {
  background-color:#0085cf;
}

#main_outer .dragout :nth-child(even) .slider {
  background-color:#003653;
  color:#fff;
}

#main_outer .dragout .rail.github .slider,
#main_outer .dragout .rail.github .slider {
  background-color: #000;
}

#main_outer .dragout .rail.gitlab .slider,
#main_outer .dragout .rail.gitlab .slider {
  background-color: #292961;
}

#main_outer .dragout p {
  margin:0;
  width:75px;
  font-size:10px;
  font-family:Tahoma,sans-serif;
  padding: 5px 0px 3px 30px;
  font-size:12px;
  text-align:center;
}

#main_outer .dragout p .icon {
  margin: 0;
}

@media only screen and (min-width:1165px) {
  #main_outer .dragout {
    display:block;
  }
}

#main_outer .dragout a {
  color:#fff;
}

#main_outer .dragout.out {

  background-color:#808080;
  left:-100px;
}

#main_outer .dragout .inner {
  position:relative;
  width:100%;
  height:100%;
}

#main_outer .dragout .handle {
  position:absolute;
  top:0px;
  left:1px;
  width:27px;
  height:100%;
  cursor:pointer;
  border-top-left-radius:10px;
  border-bottom-left-radius:10px;
}

#main_outer .dragout.out .handle {
  background-color:#808080;
}

#main_outer .dragout .handle:hover {
  background-color:#808080;
}

@media only screen and (min-device-width:320px) and (max-device-width:480px), only screen and (min-device-width:480px) and (max-device-width:800px), only screen and (max-width:500px) {
  #main_outer {
    margin:0;
  }

  #main
  {
    margin-top:0;
    border-radius:0;
  }

  #logo
  {
    left:24px;
  }

  #logo_slogan
  {
    left:139px;
  }

  header #current_user {
    height:30px;
    min-width:80px;
  }

  header #current_user .container .text {
  }

  header #current_user .container .text #current_user_menu {
    font-size:16px;
    padding:5px 5px 2px 7px
  }

  header #current_language {
    min-width:110px;
    top:97px;
    height:30px;

  }

  header #current_language .container .text #current_language_menu select {
    font-size:16px;
    padding:5px 5px 2px 7px;
  }

  #contact fieldset textarea {
    clear:left;
    width:90%;
  }

  #contact fieldset input.text {
    clear:left;
    width:90%;
  }

  #contact fieldset button {
    clear:both;
    float:right;
    margin-left:auto;
  }

  #contact p .label {
    width:auto;
    clear:both;
  }

  #contact p .value {
    width:auto;
    clear:both;
  }

  #menu .ul_submenu
  {
    top:25px;
  }

  #menu li.submenu
  {
    font-size:16px;
    max-width:230px;
  }

  header,footer
  {
    border-radius:0;
  }

  #menu ul.rowmenu,
  #menu_sections ul.rowmenu,
  #menu_section ul.rowmenu
  {
    height:auto;
    padding:0;
  }

  #menu ul.rowmenu li.rowmenuitem,
  #menu ul.rowmenu li.rowmenuitem.selected,
  #menu_sections li,
  #menu_sections li.selected,
  #menu_section li,
  #menu_section li.selected,
  #main ul.popupmenu li
  {
    font-size:16px;
    height:auto;
    padding:10px 10px 4px 10px;
  }

  #menu ul.rowmenu li.rowmenuitem a{
    cursor:pointer;
  }

  #menu_sections li {
    display:none;
  }

  #menu_sections li.selected
  {
    display:inline-block;
  }

  #menu_section_findbar {
    margin-right:5px;
    margin-top:2px;
  }

  #menu_section_findbar label {
    display:none;
  }

  #menu_section_findbar label,
  #menu_section_findbar .text {
    font-size:16px;
  }

  #menu_section_findbar .text {
    width:100px;
    padding:5px 10px 5px 10px;
  }

  #menu_section_findbar input.submit {
    font-size:16px;
    padding:10px 20px 10px 20px;
  }

  #sysmessages {
    font-size:16px;
  }

  #content .native h1 {
    margin-top:0px;
    margin-bottom:0px;
  }

  #content .native fieldset
  {
    padding:0 0 10px 0;
  }

  #content .native fieldset label
  {
    padding-top:5px;
    float:left;
    clear:left;
    width:auto;
    padding-right:10px;
    margin-bottom:0;
    text-align:left;
    margin-left:10px;
    font-size:16px;
  }

  #content .native fieldset .description {
    display:none;
  }

  #content .native fieldset label.checkbox
  {
    margin-left:0;
    padding:0;
  }

  #content .native fieldset input.checkbox,
  #content .native fieldset input.text,
  #content .native fieldset input.date,
  #content .native fieldset select,
  #content .native fieldset select.icon,
  #content .native fieldset input.file
  {
    clear:left;
    float:left;
    font-size:16px;
    margin-bottom:10px;
    margin-left:10px;
  }

  #content .native fieldset select,
  #content .native fieldset input.text {
    padding:10px;
  }

  #content .native fieldset select optgroup
  {
    font-weight:700;
    font-style:normal;
    font-size:16px;
  }

  #content .native fieldset select option
  {
    font-family:Lucida Console, Trebuchet ms, Arial, sans-serif;
    font-size:16px;
  }

  #content .native fieldset select.icon,#content .native fieldset option.icon
  {
    padding-left:20px;
  }

  #content .native fieldset span.value
  {
    clear:left;
    float:left;
    width:auto;
    margin-left:10px;
  }

  #content .native fieldset input.checkbox
  {
    float:left;
    clear:left;
    font-size:16px;
  }

  #content .native fieldset input.date
  {
    width:155px;
  }

  #content .native fieldset textarea
  {
    float:left;
    font-size:16px;
    width:710px;
  }

  #content .native fieldset .textareacontainer {
    background:#000;
    border-radius:3px;
    border:1px solid #a0a0a0;
    margin:5px 10px;
    padding:10px;
    position:relative;
  }

  #content .native fieldset .textareacontainer textarea{
    border:none;
    margin:0;
    padding:0;
    width:100%;
  }

  #content .native fieldset .textarea_inner_container textarea
  {
    display:block;
    width:100%;
    border:none;
    margin:0;
    padding:0;
  }

  #content .native fieldset input.submit
  {
    margin-top:15px;
    margin-right:15px;
    float:right;
  }

  #content .native fieldset input.submit,
  #content .native fieldset button,
  #content .native button,
  #content .native .button
  {
    border-bottom:1px solid #202020;
    border-left:1px solid #f0f0f0;
    border-right:1px solid #202020;
    border-top:1px solid #f0f0f0;
    font-size:16px;
    padding:10px 20px;
    text-decoration:none;
  }

  #menus ul.popupmenu {
    top:38px;
  }
}