@import url(https://fonts.googleapis.com/css?family=Playfair+Display);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);







/* BASIC STYLES ===================================== */

body{
     font-family:'Oswald', Impact, Haettenschweiler, 'Arial Narrow', sans-serif;
     font-size:13px;
}

h1,h2,h3,h4,h5 {
  font-family:'Oswald', Impact, Haettenschweiler, 'Arial Narrow', sans-serif;
  line-height: 1.2em ;
}

.que{
  float: left ; 
  width: 200px ; 
}

table.print-vehicle{
width:100%; 
/*border:1px solid #000;*/
  width: 100vw;
  height: 90vh;
  page-break-after: always;
  overflow: hidden;
}

table.print-vehicle td{
vertical-align:top;
}

@media print{
   .noprint{
       display:none;
   }
}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

body, p, td, div, span, nav {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 0.95em;
    color: #555; /*  dark_grey */
    line-height: 1.7em ;
    text-align: left ; 
    margin: 0 ; 
    padding: 0 ; 
}

p {
padding-top: 10px ; 
}

.wrap {
  width: 90% ;
  max-width: 90% ; 
  background-color: #fff;
  padding: 0 ; 
  margin: 0 auto 0 auto ; /* float middle */
  border: 2px solid #e2e2e2; 
  overflow: hidden ; 
}

.left {
    float: left;
    width: 220px; 
    /* border-right: 1px red solid ;  */
    height: 100% ; 
}

.right{
    float: right;
    width: calc(100% - 220px );
/*    width: 75%;  */
/*    border-left: 1px gray solid ; */
   padding: 0 15px 10px 15px ;
   border-left: 1px #d1d1d1 solid ; 
}

.l{
  float: left ;
}

.r{
  float: right ;
}

.half{
  width: 47% ; 
  margin: 1% ;
  padding: 10px ;
}

.one{
  float: left; 
  width: 100% ; 
  margin-top: 1px ; 
  padding: 5px ; 
}

.content{
  padding: 0 15px 0 15px ; 
}

nav.mini-navigation {
  display: none ;
}

.logo {
  float: left;
  position: relative ;
  padding: 0 15px 0 0 ; 
  border: none ; 
  width: 250px ;  
}

.clr{
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0
}

.header{
    background: #fff url( 'https://www.draggins.com/home/uploads/images/layout/header.png' ) ;
    background-repeat: repeat-x ;
}

.footer {
  clear: both ; 
  min-height: 100px ; 
  background-color: #dcdcdc ; 
}

hr {
    border: solid #e9e9e9;
    border-width: 1px 0 0 0;
    clear: both;
    margin: 20px 0 5px 0;
    height: 0;
    padding: 5px 2px 5px 2px   ; 
}

.view_bg {
  height: 800px ; 
  background: none ; 
  width: 1px; 
  text-align: center ; 
}

.textright{
  text-align: right ;
}

.textleft{
  text-align: left ;
}

/* links */
a:link, a:visited, a:hover {
  color: #b50000 ;
}

a:hover {
  color: #d60303 ;
}

a.btn:link, a.btn:visited {
    color: #fff;
    padding: 5px 10px;
    background-color: #d60303;
    text-decoration: none;
}

a.btn:hover {
  color: #fff;
  background-color: #b50000;
  text-decoration: none ;
  font-weight: bold ;
}

input.btn, input.fbsubmit {
  color: #fff;
  padding: 10px 15px ;
  margin: 15px 0 0 0 ;
  background-color: #d60303;
  text-decoration: none ;
  border: 0 ;
}

a.side:link, a.side:visited {
    color: #b50000;
    padding: 5px 6px;
    text-decoration: none;
}

a.side:hover {
  color: #b50000;
  text-decoration: none ;
  font-weight: bold ;
}

/* headings */



h1 {
  font-size: 2.5em; 
  font-weight: normal; 
  text-transform: uppercase ; 
  margin-bottom: 0 ; 
  color: #d60303; 
}

h2{
  color: #b50000;
  margin: 0 ;
  font-size: 1.6em;  
}

h3{
  color: #555;
  font-size: 1.2em; 
}

h4{
  color: #b50000;
  margin: 0 ;
  font-size: 1em; 
}

h5 {
  font-size: 1em; 
  color: #dcdcdc; /* light grey */
}



/* FormBuilder CSS base */
form {
	margin-top: 0
}
form, td, th, li {
	font-size: 100%
}
form div {
	margin-bottom: 0
}
fieldset div {
	margin-bottom: 0.5em;
	margin-left: 1em;
}

textarea {
	margin: 0.5em 0;
	width: 98%;
	height: 6em
}

textarea.contact {
	margin: 0.5em 0;
	width: 250px ;
	height: 100px ;
}

/* Apply this class to text/select input fields with shorter labelsto help alignment */
.short-label label {
	float: left;
	width: 10em
}
.short-label fieldset div input, .short-label fieldset div select {
	width: 16em
}
/* Pretty up your Captcha image output */
.captcha {
	margin: 0.5em 0;
	width: 200px;
	text-align: center
}
.captcha img {
	border: 1px solid #b50000;
	margin-bottom: 0.5em
}
.captcha input {
	width: 196px;
	margin-top: 0.5em
}
/* Just a bit more room for the Submit button */
.submit {
	margin-top: 0.5em
}
.contactform input {
	border: 1px solid #b50000;
}
.contactform input.checkbox {
	border: none;
}
.contactform label {
	display: block;
	float: left;
	width: 150px;
}
.contactform label.label {
	display: inline;
	float: none;
	width: 50px;
	font-size: 10px;
}
.contactform textarea {
	background-color: #fff;
	border: 1px solid #b50000;
   width: 200px ;
   height: 200px ; 
}
.formbuilderform .message {
	line-height: 16px;
	padding: 0 0 8px 0;
}
/* Stylesheet: Draggins Main Print Modified On 2025-04-07 09:31:29 */
/* ------ NAVIGATION ------ */

/* first level */
nav.main-navigation {
    z-index: 990;
    height: 20px;
    line-height: 30px;
    margin-top: 0px;
}
nav.main-navigation > ul {
    float:left;
    padding: 0;
    list-style: none;
    margin-top: 0;
}
nav.main-navigation > ul > li {
    float: left;
    padding-bottom: 10px;
    margin:0 8px ;
    position: relative
}
nav.main-navigation > ul > li:first-child,
nav.main-navigation > ul > li.first {
    margin-left: 0
}
nav.main-navigation > ul > li:last-child,
nav.main-navigation > ul > li.last {
    margin-right: 0
}
nav.main-navigation > ul > li > a,
nav.main-navigation > ul > li.sectionheader span {
    color: #b50000;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    text-transform: uppercase
}
/* Second Level */
nav.main-navigation ul li ul {
    list-style: none;
    top: -999em;
    left: -999em;
    position: absolute;
    display: block;
    height: 0px;
    width: 180px;  
    padding: 10px;
    background: #fff;
/*    background: rgba(255,255,255,.95);     */
    box-shadow: 1px 1px 8px #555;
    -webkit-box-shadow: 1px 1px 8px #555;
    -moz-box-shadow: 1px 1px 8px #555;
    -o-box-shadow: 1px 1px 8px #555;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    border: 1px solid #dcdcdc 
}
nav.main-navigation > ul > li:hover > ul {    
    height: auto;
    z-index: 9999;
    top: 37px;
    left: 0;
    right: auto;
    display: block
}
nav.main-navigation ul ul li {
    position: relative;
    line-height: 1;
    margin: 0;
    padding: 0;
    border-bottom: 1px dotted #dcdcdc
}
/* third level */
nav.main-navigation > ul > li > ul > li:hover > ul { 
    height: auto;
    top: 0;
    right: auto;
    left: 150px;
    z-index: 999;    
    display: block
}
/* navigation text color */
nav.main-navigation ul li li a,
nav.main-navigation ul li li.sectionheader span {
    padding: 6px 12px;
    font-family: sans-serif;
    text-transform: none;
    font-weight: normal;
    font-size: 12px;
    text-decoration: none;
    color: #555;
    display: block
}
nav.main-navigation a:hover,
nav.main-navigation a.current,
nav.main-navigation li.sectionheader span:hover,
nav.main-navigation li.sectionheader span.current,
nav.main-navigation li.sectionheader span.parent,
nav.main-navigation ul ul li a:hover,
nav.main-navigation ul ul li a.current {
    color: #d60303
}

/* Stylesheet: Main Menu - Horizontal Modified On 2016-07-02 19:32:54 */
.icon{
width: 20px;

border: 0 ;
margin: 0 ; 
padding: 0 ; 
opacity: 0.5;
padding-top: 4px ;
margin-left: 2px ;
}

.not_checked_in{
border: 3px solid #b50000 ; 
font-size: 12px; 
text-align:center;
float:left; 
margin-right: 10px; 
width:80px; 
}

.checked_in{
border: 3px solid green; 
font-size: 12px; 
text-align:center;
float:left; 
margin-right: 10px; 
width:80px; 
}

.completed{
border: 3px solid #000000; 
font-size: 12px; 
text-align:center;
float:left; 
margin-right: 10px; 
width:80px; 
}

.rngmin{
text-align:left;
width:33%;
float:left;
padding:0;
margin:0;
}

.rngmax{
text-align:right;
width:33%;
float:right;
}

.rngscr{
color: #a40f0f;
font-size: 1.2em;
}

.gauges{
    color: #fff ;
    margin-left: 50px ; 

}

table.data td{

}

table.data2 td{
  border-bottom: 1px solid #b9b9b9 ; 
}

table.data2 a:link{
  font-size: 1.2em ; 
}

table.data3 td, table.data3 th{
  text-align: center ; 
}


h2.tj{
/* background-color: #f7f7f7; */
padding: 5px 5px;
border-top: 1px solid #f7f7f7 ; 
}

.tapred, input.tapred{
  background-color: #b50000; 
}

.tap, input.tap, a.tap:link, a.tap:visited{
	background-color: #b50000; 
	font-size:13px;
	color: #fff;
	border-radius:5px;
	padding: 5px 15px  ;
	margin: 5px 0 5px 0 ; 
	text-transform: uppercase ;
	text-align: center ;
	font-weight: normal; 
	
	text-decoration: none ;
	/*
        letter-spacing: 0.08em;
	border: 1px solid #8e8e8e;
	width: 120px ;
	display: block ; 
	background-color: #595959;
	*/

}

.sts_sort{
    font-size:12px;
    color:white;
    display:inline-block;
    /* height:42px; */
    width:90px;
    text-align:center;
    vertical-align:top;
    margin: 0 5px 5px 0 ;
    padding: 5px 5px ;
    border-radius:5px;
}

a.sts_sort:hover{
    color:white;
text-decoration: underline ; 
} 

.tap_grey, input.tap_grey, a.tap_grey:link, a.tap_grey:visited{
  color: #7c7c7c ;
}

input.act, a.act:link, a.act:visited{
background-color: #fff;
width: 90px ; 
padding: 3px 10px 3px 5px ;
margin: 10px 10px 5px 0 ; 
float: left ;

}

.grp-act,
input.grp-act, a.grp-act:link, a.grp-act:visited{ /* veh group actions buttons */
background-color: #000;
/* width: 90px ;  */
padding: 5px 15px ;
margin: 10px 10px 5px 0 ; 
float: left ;
color: #fff ;
font-weight:bold;
letter-spacing:0.08em;

}

a.veh_name:link, a.veh_name:visited{
/*
padding: 3px 10px 3px 5px ;
margin: 0 0 5px 0 ; 
text-transform: uppercase ;
text-align: center ;
*/
font-weight: bold ; 
color: #b50000; 
text-decoration: none ; 
font-size: 17px ;
font-family: 'Source Sans Pro', sans-serif;
}

a.veh_img_cnt:link, a.veh_img_cnt:visited{
line-height: 1em ;
font-weight: bold ; 
color: #d8d8d8; 
text-decoration: none ; 
font-size: 12px ;
display: block ; 
text-align: center ;
width: 100% ; 
}

a.cls_name:link, a.cls_name:visited{
font-size: 15px ; 
color: #d60303 ; 
padding-left: 1px ; 
text-decoration: none ;
float: left ;
}

a.jud:link, a.jud:visited, .jud{
/*   width: 80px ;  */
   float: left ; 
   margin: 0 0 5px 10px;
   width:90px;
}

tr.bordertop td{
  border-top: 1px solid #d5d5d5 ; 
}

.comp{ /* completed score */
  background-color: #fff ;
  border: 2px solid #b50000;
  color: #b50000 ;
  padding-bottom: 1px ;
}

.mod  { /* modern completed score */
  background-color: #fff ;
  border: 2px solid green ;
  color: green ;
  padding-bottom: 1px ;

}

a.mod:link, a.mod:hover, a.mod:visited{
  background-color: green  ;
  color: #fff ;

}

a.arr:link, a.arr:visited, 
.arr{ /* arrived / checked in */
  background-color: #fff ;
  border: 2px solid green;
  color: green;
  padding-bottom: 1px ;
  width: 105px ; 
}

a.act2:link, a.act2:visited, 
.act2{ /* action - 2nd state - as in 'already classed' */
  background-color: #fff ;
  /*border: 2px solid #d1d1d1 ;*/
  color: #d1d1d1;
  padding-bottom: 1px ;
  width: 105px ; 
}


a.rpt-cmp:link, a.rpt-cmp:visited, 
.rpt-cmp{ /* report - competitors report - car numbers only' */
  float: left ;
  padding: 20px 0 20px 0 ;
  color: #b50000;
  margin-right: 15px ;

}

a.c_ans:link, a.c_ans:visited{
background-color: #999999;
width: 100% ; 
display: block ;
padding: 3px 10px 3px 5px ;
margin: 10px 10px 5px 0 ; 
float: left ;
text-align: center ; 
text-decoration: none ;
color: white ;
text-transform: uppercase ; 
}

a.c_ans_sel:link, a.c_ans_sel:visited{
  text-transform: none ; 
  text-align: left ;
  background-color: white ;
  color: #b50000 ;
  margin: 0 ; 
  padding: 0 ; 
}

input.incog{ /* incognito button, looks like a link */
     background:none!important;
     color:inherit;
     border:none; 
     padding:0!important;
     font: inherit;
     /*border is optional*/
     border-bottom: none ;
     cursor: pointer;

}

.opa, .opa50 { /* opacity 50% */
  opacity: 0.5 ; 

}

.opa75{ /* opacity 75% */
  opacity: 0.75 ; 

}

.fw{ /* full width - adds width: 100% to a div */
  width: 100% ;
}

.sts_msg_sts{ /* status & messages hist report - status style */
  font-size: 14px ; 
  color: #b50000 ;
  float: left ;

}

.sts_msg_auth{
  float: right ; 
  text-align: right ;
  padding-top: 3px ; 

}

.rt{
  float: right ; 
}

.lt{
  float: left ; 
}

.height20{
height:20px;
}


.height25{
height:25px;
}

.height30{
height:30px;
}

input.conf, a.conf:link, a.conf:visited{
background-color: green ;
width: 100% ; 
padding: 3px 10px 3px 5px ;
margin: 10px 10px 5px 0 ; 
float: left ;

}

.imgthumbdiv{
padding:0;
}

.imgthumbdiv img{
padding:0;
margin:0;
}

.actionsdiv{
width:210px;
}

a.vehbtn, label.vehbtn{
background-color:#bd0000;
color:#fff;
width:49%;
float:left ;
height:30px;
line-height:30px;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
text-align:left ;

}

.fa2{
font-size:20px; 
color:#d8d8d8; 
margin:0 0 0 10px;
width: 50px;
text-align:center ;
}

.vehrow{
width: 100% ;
display:block ;
}
.carnumflag, .stallflag{
float: left ;
width:50%;
height:25px;
margin:0;
text-align:center;
font-size: 18px;
font-weight:bold ;
background-color: #b50000 ; 
color:#fff;
}

.stallflag{
background-color: #fff; 
color: #b50000 ; 
}

.car_num{
font-size: 17px ; 
color: #b50000 ; 
text-align: center ; 
margin: 0; 
pasdding: 0 ; 
line-height:  1.3em ; 
}

.pts_val{
font-size: 15px ; 
color: #b50000 ;
/*float: left ; */
margin-right: 3px ; 
}

.veh_ct,
.pts_str{
font-size: 13px ; 
color: #999999 ;
float: left ; 
padding-left: 15px ; 
}

.cls_indent, .ind {
float: left; 
margin-left: 30px ; 
text-align: left ;
}

a.pag:link, a.pag:visited{ /* pagination */
background-color: #dadada;
width: 20px ; 
padding: 4px 9px 4px 8px ;
margin: 10px 5px 5px 0 ; 
color: #b50000; 
display: inline ; 
font-size: 14px ; 
}

.pagination_{
display: block; 
width: 100% ;
text-align: center ; 
margin: 0 auto ;
border-bottom: 1px solid #dadada ; 
margin-bottom: 10px ;
padding-bottom: 10px ;
}

.sts_hst{ /* status history */
  float: left; 
  width: 50% ; 
  /* background-color: red ; */

}


.sts_frm{ /* status update form */
  float: left; 
  border-right: 1px solid #dadada ; 
  min-width: 300px ; 
  margin-right: 15px ;
  padding-right: 10px ;
  width: 400px ; 

}

.vtop{ /* align to top, take away any top padding/ margin */
  padding-top: 0 ; 
  margin-top: 0 ; 
}

.ind{ /* indent */
  padding-left: 0 ; 
  margin-left: 15px ; 
}

.gry{
  color: #999999 ;
}

table.sect_gui_DE, table.sect_gui_AC{
  /* -- this image has the section numbers on the image */
  background-image: url( 'http://draggins.com/home/uploads/annual_car_show/upcoming/judging/images/floorplans/sect/Hall-DE.jpg' ) ;

  background-repeat: no-repeat ;
  background-size: 489px auto;

}

tr.bord td {
  border-bottom:1pt solid #d8d8d8;
}

table.sect_gui_AC{ 
  /* -- this image has the section numbers on the image */
  background-image: url( 'http://draggins.com/home/uploads/annual_car_show/upcoming/judging/images/floorplans/sect/Hall-AC.jpg' ) ;

}


/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
color: #b50000;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: none ; 
  border-top: none;
}

th{
/* border-bottom: 1px solid #d8d8d8; */
margin: 5px 5px 5px 5px ; 

}

.dbg{
 /* color: #b50000 ;  */
  color: red ; /* bright red */
}

.black_bg{
background-color: black;
}

.disp_inline{
  display: inline ; 
  float: left ;
  margin: 5px 10px 5px 0 ; 
}

.nopad{
  padding: 0 ; 
  margin: 0 ; 
}

/* live search */
/* Formatting search box */
    .search-box{
        width: 300px;
        position: relative;
        display: inline-block;
        font-size: 14px;
    }
    .search-box input[type="text"]{
        height: 32px;
        padding: 5px 10px;
        border: 1px solid #CCCCCC;
        font-size: 14px;
    }
    .result{
        position: absolute;        
        z-index: 999;
        top: 100%;
        left: 0;
    }
    .search-box input[type="text"], .result{
        width: 100%;
        box-sizing: border-box;
    }
    /* Formatting result items */
    .result p{
        margin: 0;
        padding: 7px 10px;
        border: 1px solid #CCCCCC;
        border-top: none;
        cursor: pointer;
    }
    .result p:hover{
        background: #f2f2f2;
    }
/* end live search */

/* sidebar menu */

/*****************************************/
/*****************************************/
/*****************************************/
/******************** MENU *********************/
/*****************************************/
#menu_vert2 {
	margin: 0;
	padding: 0;
}
#menu_vert2 ul {
/* remove any bullets */
	list-style: none;
/* margin/padding set in li */
	margin: 0px;
	padding: 0px;
}
#menu_vert2 ul ul {
	margin: 0;
/* padding right sets second level li in on right from first li */
	padding: 0px 5px 0px 0px;
/* replaces bottom of li.menuactive menuparent, looks like li below it, set in 5px more, is sitting on top of it */
	/*
background: transparent url(https://www.draggins.com/home/uploads/ngrey/liup.gif) no-repeat right -4px;
*/
}
#menu_vert2 li {
/* remove any bullets */
	list-style: none;
/* negative bottom margin pulls them together, images look like one border between */
	margin: 0px 0px -1px;
/* bottom padding pushes "a" up enough to show our image */
	padding: 0px 0px 2px 0px;
/* you can set your own image here */
/*
	background: transparent url(https://www.draggins.com/home/uploads/ngrey/liup.gif) no-repeat right bottom;
*/
}
#menu_vert2 li.currentpage {
	padding: 0px 0px 3px 0px;
}
#menu_vert2 li.menuactive {
	margin: 0;
	padding: 0px;
/* replaced by image in ul ul */
	background: none;
}
#menu_vert2 li.menuactive ul {
	margin: 0;
}
#menu_vert2 li.activeparent {
	margin: 0;
	padding: 0px;
}

/* Modal */
.modal {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: none;
    overflow: auto;
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9999;
}

.modal-window {
    position: relative;
    background-color: #FFFFFF;
    /*width: 50%;*/
width:400px;
    margin: 50px auto;
    padding: 20px;

}

.modal-window.small {
    width: 75%;
}

.modal-window.large {
    width: 75%;
}

.close {
    position: absolute;
    top: 0;
    right: 0;
    color: rgba(0,0,0,0.3);
    height: 30px;
    width: 30px;
    font-size: 30px;
    line-height: 30px;
    text-align: center;

}

.close:hover,
.close:focus {
    color: #000000;
    cursor: pointer;
}

.open {
    display: block;
}



/* fix stupid IE6 bug with display:block; */
* html #menu_vert2 li {
	height: 1%;
}
* html #menu_vert2 li a {
	height: 1%;
}
* html #menu_vert2 li hr {
	height: 1%;
}
/** end fix **/
/* first level links */
div#menu_vert2 a {
/* IE6 has problems with this, fixed above */
	display: block;
/* some air for it */
	padding: 0em 0.3em 0em 1.4em;
/* this will be link color for all levels */
	color: #fff;
/* Fixes IE7 whitespace bug */
	min-height: 1em;
/* no underline for links */
	text-decoration: none;
  font-size: 18px ; 

}
/* next level links, more padding and smaller font */
div#menu_vert2 ul ul a {
	font-size: 14px;
	padding: 5px 0.3em 5px 2em;

}
/* third level links, more padding */
div#menu_vert2 ul ul ul a {
	padding: 0.5em 0.3em 0.3em 3em;
color: #000;
}
/* hover state for all links */
div#menu_vert2 a:hover {
	background-color: transparent;
	color: #e80000;
	text-decoration: none ;
}
div#menu_vert2 a.activeparent:hover {
	color: #595959;
}
/* active parent, that is the first level parent of a child page that is the current page */
div#menu_vert2 li.activeparent {
/* you can set your own image here */
/*
	background: transparent url(https://www.draggins.com/home/uploads/ngrey/liup.gif) no-repeat right -65px;
*/
/* white to contrast with background image */
	color: #fff;
}
div#menu_vert2 li.activeparent a.activeparent {
/* you can set your own image here */
/*
	background: transparent url(https://www.draggins.com/home/uploads/ngrey/libk.gif) no-repeat right top;
*/
/* to contrast with background image */
	color: #000;
}
div#menu_vert2 li a.parent {
/* takes left padding out so span image has room on left */
	padding-left: 0em;
}
div#menu_vert2 ul ul li a.parent {
/* increased padding on left offsets it from one above */
	padding-left: 0.9em;
}
div#menu_vert2 li a.parent span {
	display: block;
	margin: 0;
/* adds left padding taken out of "a.parent" */
	padding-left: 1.5em;
/* arrow on left for pages with children, points down, you can set your own image here */
/*
	background: transparent url(https://www.draggins.com/home/uploads/ngrey/active.png) no-repeat 2px center;
*/
}
div#menu_vert2 li a.parent:hover {
/* removes underline hover effect */
	text-decoration: none;
}
div#menu_vert2 li a.parent:hover span {
	display: block;
	margin: 0;
	padding-left: 1.5em;


}
div#menu_vert2 li a.menuactive.menuparent {
/* sets it in a little more than a.parent */
	padding-left: 0.35em;
}
div#menu_vert2 ul ul li a.menuactive.menuparent {
/* sets it in a little more on next level */
	padding-left: 0.99em;
}
div#menu_vert2 li a.menuactive.menuparent span {
	display: block;
	margin: 0;
/* to contrast with non active pages */
	font-weight: bold;
	padding-left: 1.5em;
/* arrow on left for active pages with children, points right, you can set your own image here */
/*
	background: transparent url(https://www.draggins.com/home/uploads/ngrey/parent.png) no-repeat 2px center;
*/
}
div#menu_vert2 li a.menuactive.menuparent:hover {
	text-decoration: none;
	color: #18507C;
}
div#menu_vert2 ul ul li a.activeparent {
	color: #fff;
}
/* current pages in the default Menu Manager template are unclickable. This is for current page on first level */
div#menu_vert2 ul h3 {
	display: block;
/* some air for it */
	padding: 0.8em 0.5em 0.5em 1.5em;
/* this will be link color for all levels */
	color: #000;
/* instead of the normal font size for <h3> */
	font-size: 1em;
/* as <h3> normally has some margin by default */
	margin: 0;
/* you can set your own image here, same as "a" */
/*
	background: transparent url(https://www.draggins.com/home/uploads/ngrey/libk.gif) no-repeat right top;
*/
}
/* next level current pages, more padding, smaller font and no background color or bottom border */
div#menu_vert2 ul ul h3 {
	font-size: 90%;
	padding: 0.8em 0.5em 0.5em 2.8em;
/* you can set your own image here, same as "a" */
/*
	background: transparent url(https://www.draggins.com/home/uploads/ngrey/libk.gif) no-repeat right top;
*/
	color: #000;
}
/* current page on third level, more padding */
div#menu_vert2 ul ul ul h3 {
	padding: 0.6em 0.5em 0.2em 3em;
}
/* BIG NOTE: I didn't do anything to these, never tested */
/* section header */
div#menu_vert2 li.sectionheader {
	border-right: none;
	padding: 0.8em 0.5em 0.5em 1.5em;
/*
	background: transparent url(https://www.draggins.com/home/uploads/ngrey/libk.gif) no-repeat right top;
*/
	line-height: 1em;
	margin: 0;
        color: #18507C;
        cursor:text;
}
/* separator */
div#menu_vert2 .separator {
	height: 1px !important;
	margin-top: -1px;
	margin-bottom: 0;
	-padding: 2px 0 2px 0;
	background-color: #000;
	overflow: hidden !important;
	line-height: 1px !important;
	font-size: 1px;
/* for ie */
}
div#menu_vert2 li.separator hr {
	display: none;
/* this is for accessibility */
}

/*****************************************/
/*****************************************/
/*****************************************/

h3 {
    margin: 30px 0 20px 0;
    clear: both;
}

ul.normal {
    width: 500px;
}

ul.normal li {
    padding: 5px;
}

ul.float {
    list-style-position: inside;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

ul.float li {
    float: left;
    margin: 10px;
}

ul.inline {
    list-style-position: inside;
    padding: 0;
    margin: 0;
}

ul.inline li {
    display: inline-block;
    vertical-align: top;
    margin: 10px;
}

.list div {
    margin: 2px 0;
    padding: 2px;
}

.drop {
    margin: 20px 0;
    padding: 5px;
    border: 2px dotted orange;
    border-radius: 5px;
}

.drop.hovering {
    background-color: #F6BF66;
}

.unselectable {
    -moz-user-select: -moz-none,
    -moz-user-select: none,
    -o-user-select: none,
    -khtml-user-select: none,
    -webkit-user-select: none,
    -ms-user-select: none,
    user-select: none
}

.dragaware {
    cursor: pointer;
}

.draggable_clone {
    position: absolute; /* also set via javascript */
    z-index: 100001;
    pointer-events:none; /* disable mouse events on the clone */
}

.draggable.dragging, .draggable .dragging {
    opacity: 0.5;
}

.sortable .sortable_clone {
    position: absolute; /* also set via javascript */
    z-index: 100001;
    list-style-type: none;
    opacity: 0.5;
}

.sortable .sortable_placeholder {
    box-sizing: border-box;
    list-style-type: none;
    background: #eee;
    border: 2px dotted #52b218;
}

.flr_pln_sel{
padding: 5px ; 
border: 1px solid #a40f0f ; 
width: 125px ; 
/* overflow: hidden ; */
margin-right: 15px ;  
float: left ;
}


/* --------- */
/* tooltip */

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 220px;
  background-color: black;
  color: #fff;
  text-align: left;
  border-radius: 6px;
  padding: 5px 10px;
  
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: -5px;
  left: 105%;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
  transition: opacity 2s linear;
}

/* --------- */

.hide{
display:none;
}

input.hidden_input{
border: 1px solid #fff ;
}

.flr_pln_stl{
font-size: 18px ; 

}
input.large_input{
width: 100px;
height: 30px ;
font-size: 22px ;
padding-left: 5px ; 
}

.history_badge{
  position: relative;
  text-align: center;
  color: #a40f0f;
 float: left ; 
}

/* Centered text */
.badge_text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
font-size: 26px ;
font-weight: bold ;
}

.badge_img{
width: 100px ;
}

div.circletag {
    display: block;
    width: 40px;
    height: 40px;
    background: #E6E7ED;
    border-radius: 20px;
    text-align: center;
}

div.circletag img {
    line-height: 40px;
}

input.stl, a.stl:link, a.stl:visited{
  color: #363636;
text-decoration: none ;
}

.past_prize{
 padding: 8px 5px ; 
 border: 1px solid #818181 ;
border-radius: 25px;
 margin-left: 10px ; 
white-space: normal ;
min-height: 80px ;
width: 90px ; 
background-image: url('https://www.draggins.com/home/uploads/judging/images/icons/trophy_history.png') ;
background-repeat: no-repeat;
background-position: center top;
/* background-attachment: fixed; */
background-size: 90px auto ; 

}

.sb_sel_gr { /* show builder, select group */
border: 1px solid #000 ; 
padding: 5px 10px ; 
margin: 0 10px 8px 0 ; 
float: left ;
min-width: 100px ;
height: auto ; 
text-align: center ; 
}

.sb_sel_gr h2{
color: #000 ; 
margin: 0 ; 
font-size: 20px ; 
}

div.ind input {
  background: url( "http://draggins.com/home/uploads/judging/images/icons/status.png" ) no-repeat;
  background-size: 20px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  border: none;
font-size: 1px ;
float: left ;
}

/* Formatting search box */
.search-box{
	width: 300px;
	position: relative;
	display: inline-block;
	font-size: 14px;
}
.search-box input[type="text"]{
	height: 32px;
	padding: 5px 10px;
	border: 1px solid #CCCCCC;
	font-size: 14px;
}
.result{
	position: absolute;        
	z-index: 999;
	top: 100%;
	left: 0;
}
.search-box input[type="text"], .result{
	width: 100%;
	box-sizing: border-box;
}
/* Formatting result items */
.result p{
	margin: 0;
	padding: 7px 10px;
	border: 1px solid #CCCCCC;
	border-top: none;
	cursor: pointer;
	background-color: #fff;
}
.result p:hover{
	background: #f2f2f2;
}
/* Stylesheet: TapJudge Modified On 2024-03-29 07:28:01 */