#content-desktop {display: block;}
#content-mobile {display: none;}

@media only screen 
    and (min-device-width : 320px) 
    and (max-device-width : 480px){

#content-desktop {display: none;}
#content-mobile {display: block;}
}

.main * { font-family: Verdana, sans-serif; font-size: 15px; }
:focus {outline: none !important;}
.main table, .main tr, .main td, input, select, datalist, option, textarea { border-radius: 7px; padding: 5px; font-size: 14px; }
.main img {border-radius: 7px; }
.map { border:1px solid #000; border-radius: 15px; overflow:hidden; width:599px;}
.main {float: left; margin-left: 300px; margin-top:160px; overflow:auto;}
.wrap-header-img {    margin-top: 0; margin-left: 300px; height: 160px; width: 1500px; position: fixed; float:left; opacity: 1; background-color:#fff; z-index: 1;}
.header-img {    margin-top: 10px; position:fixed; margin-left: 0; float: left; opacity:1;}
a.buttons  {  font-family: Verdana, sans-serif; font-size: 15px; background-color: #003366; font-weight: bold; text-decoration: none; transition: all ease 0.3s; top: 0; color: #ffbf00; border-style: ridge; border: 3px solid #336699; border-radius: 20px; padding: 8px; box-shadow: 0 5px 0 #99CCFF; position: relative;}
a.buttons:hover  {  background-color: #99CCFF; color: #FF0000; transition: all ease 0.5s; border: 3px solid #336699; top: 0; position: relative; cursor: pointer;}
a.buttons:active {  box-shadow: 0 0 0 #99CCFF;  top: 5px;}
.buttons  {  font-family: Verdana, sans-serif; font-size: 15px; background-color: #336699; font-weight: bold; text-decoration: none; transition: all ease 0.3s; top: 0; color: #FFFFFF; border-style: ridge; border: 3px solid #336699; border-radius: 10px; padding: 8px; box-shadow: 0 5px 0 #99CCFF; position: relative; cursor: pointer;}
.buttons:active {  box-shadow: 0 0 0 #99CCFF;  top: 5px;}
.bluebuttons {  font-family: Verdana, sans-serif; font-size: 11px; background-color: #003399; font-weight: bold; transition: all ease 0.2s; top: 0; color: #FFFFFF; border-style: ridge; border: 1px solid #003399; border-radius: 8px; padding: 5px; box-shadow: 0 4px 0 #99CCFF; position: relative;}
.bluebuttons:active {  box-shadow: 0 0 0 #99CCFF;  top: 3px;}
.bold {  font-family: Verdana, sans-serif; font-size: 14px; font-weight: bold; color: #000000; text-decoration: none; }
.bold1 {  font-family: Verdana, sans-serif; font-size: 14px; font-weight: bold; color: #CC0033; text-decoration: none}
.header-ue {  font-family: Verdana, sans-serif; font-size: 18px; font-weight: bold; color: #000000}
.header-main {  font-family: Verdana, sans-serif; font-size: 36px; font-weight: bold; color: #ffbf00}
.login {  font-family: Verdana, sans-serif; font-size: 14px; color: #FFFFFF; font-weight: bold}
.link {  font-family: Verdana, sans-serif; font-size: 14px; color: #003399; font-weight: bold; text-decoration: none}
.link-negative {  font-family: Verdana, sans-serif; font-size: 10px; color: #FF0000; font-weight: bold; text-decoration: none}
.link-admin {  font-family: Verdana, sans-serif; font-size: 14px; font-weight: bold; color: #FF9933; text-decoration: none}
.link-header {  font-family: Verdana, sans-serif; font-size: 13px; font-weight: bold; color: #003399; text-decoration: none}
.link-tableheader {  font-family: Verdana, sans-serif; font-size: 10px; font-weight: bold; text-decoration: underline; color: #FFFFFF}
.notes {  font-family: Verdana, sans-serif; font-size: 10px; color: #999999}
.notes-white { font-family: Verdana, sans-serif; font-size: 10px; color: #FFFFFF}
.portfolio { font-family: serif; font-size: 20px; font-weight: bold; color: #000000;}
.normal {  font-family: Verdana, sans-serif; font-size: 14px}
.normal-white { font-family: Verdana, sans-serif; font-size: 14px ; color: #FFFFFF}
.tableboxbold {	font-family: Verdana, sans-serif; font-size: 14px; font-weight: bold; color: #000000; background-color: #99CCFF; border: 1px solid #006699;}
.tablebox {  font-family: Verdana, sans-serif; font-size: 14px; color: #000000; background-color: #FFFFFF; 	border: 1px solid #006699; }
.tableboxgray {  font-family: Verdana, sans-serif; font-size: 14px; color: #000000; background-color: #FFFFFF; border: 2px #336699 solid}
.textfield {  font-family: Verdana, sans-serif; font-size: 14px;  }

.txtfld {  font-family: Verdana, sans-serif; font-size: 15px; font-weight: bold; color: #000000; border: 0 }
.tooltiptitle{color: #00000; text-decoration: none; font-family: Verdana, sans-serif; font-weight: bold; font-size: 14px}
.tooltipcontent{color: #000000; text-decoration: none; font-family: Verdana, sans-serif; font-size: 14px}
#ToolTip{position:absolute; width: 100px; top: 0; left: 0; z-index:4; visibility:hidden;}
.trgray {  background-color: #336699; font-family: Verdana, sans-serif; font-size: 14px; font-weight: bold; color: #FFFFFF}
.trmid {  background-color: #6688BB; font-family: Verdana, sans-serif; font-size: 14px; font-weight: bold; color: #FFFFFF}
.trwhite {  background-color: #99CCFF; font-family: Verdana, sans-serif; font-size: 14px}
.trgrey {  background-color: #E6F2FF; }
.main a.bold:hover {  font-family: Verdana, sans-serif; font-size: 14px; color: #FF0000; text-decoration: none; cursor: pointer;}
.main a.link:hover {  font-family: Verdana, sans-serif; font-size: 14px; color: #FF0000; text-decoration: none; cursor: pointer;}
.main a.link-header:hover {  font-family: Verdana, sans-serif; font-size: 13px; font-weight: bold; color: #000000; text-decoration: none}
.main a.link-tableheader:hover { color: #FFFFFF; text-decoration: none}
.bold_white {  font-family: Verdana, sans-serif; font-size: 14px; font-weight: bold; color: #FFFFFF}
.textfield-blue {font-family: Verdana, sans-serif; font-size: 14px; color: #3366FF; }
#loader{width:100%;margin:5px auto;text-align:center}
.rndbox {box-shadow:  #336699 0.4em 0.4em 0.4em; border: 1px solid #003399; background-color: #87CEFA; padding: 10px; border-radius: 15px}
.rndbox1 {border-radius: 15px; border: 1px solid #000000}
.rndtable {box-shadow:  #99CCFF 0.7em 0.7em 0.4em;
		border-radius: 25px}
.rndtable1 {border-radius: 25px; padding: 0;}
.rndtable2 {box-shadow:  #FFA500 0.7em 0.7em 1em;
		border-radius: 70px 25px}
.rndtable3 {box-shadow:  #FFA500 0.7em 0.7em 1em;
		border-radius: 25px 70px}
.rndtablegray {  background-color: #336699; font-family: Verdana, sans-serif; font-size: 14px; font-weight: bold; color: #FFFFFF; border-radius: 25px; }
.m_bold {  font-family: Verdana, sans-serif; font-size: 30px; font-weight: bold; color: #000000; text-decoration: none;}
.m_bold1 {  font-family: Verdana, sans-serif; font-size: 34px; font-weight: bold; color: #CC0033; text-decoration: none}
.m_normal {  font-family: Verdana, sans-serif; font-size: 30px}
.m_link {  font-family: Verdana, sans-serif; font-size: 30px; color: #003399; font-weight: bold; text-decoration: none}
a.m_link:hover {  font-family: Verdana, sans-serif; font-size: 30px; color: #FF0000; text-decoration: none}

/* Below CSS is for use with jQuery ToolTip API */
.ui-tooltip, .arrow:after { background: #ffbf00; border: 2px solid #003366 !important; }
.ui-tooltip { padding: 10px 20px; color: #003366; border-radius: 20px; border-color: #003366 !important; font: bold 14px "Helvetica Neue", Sans-Serif; box-shadow: 0 0 20px #336699; }
.arrow { width: 70px; height: 16px; overflow: hidden; position: absolute; left: 50%; margin-left: -35px; bottom: -16px; }
.arrow.top { top: -16px; bottom: auto; }
.arrow.left { left: 20%; }
.arrow:after { content: ""; position: absolute; left: 20px; top: -20px; width: 25px; height: 25px; box-shadow: 6px 5px 9px -9px #336699; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.arrow.top:after { bottom: -18px; top: auto; }
/* End of CSS for use with jQuery ToolTip API */