a.tooltip {outline:none; margin-left: 0 }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {z-index:10;display:none; padding:14px 20px;margin-top:-30px; margin-left:-380px;width:320px; line-height:16px;float:left;}
a.tooltip:hover span{display:inline; position:absolute; color:#111;border:1px solid red; background:#ffffff;}
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
a.tooltip:active {text-decoration:none;}
a.tooltip:active span {display:inline; position:absolute; color:#111;border:1px solid red; background:#ffffff;}
a.tooltip span{border-radius:4px;box-shadow: 5px 5px 8px #CCC;}
.navBar {top:70px;}
.edit li.DoNotAsk {line-height: 18px !important;text-align: left !important;}
.edit li.DoNotAsk .description {color: #333 !important;margin: 0;}
.captchaSpan {color: #000 !important;}
.txtInput {width:auto !important;}
.divButton {margin-left:auto;margin-right:auto;}
.txtValidation {margin-right: 32px; max-width: 190px !important}
.edit li {line-height: 30px !important;}
.edit li.captchaLi {padding-bottom: 10px !important;}

@media only screen and (max-width: 1350px) 
{
form {height: 100%;width: 60%;background: #ffffff;margin: 0 auto;}
}

@media only screen and (max-width:930px) 
{
a.tooltip span {margin-left: -50px;}
}

@media only screen and (max-width: 900px) 
{
form {height: 100%;width: 60%;background: #ffffff;margin: 0 auto;}
}

@media only screen and (max-width: 768px) 
{
a.tooltip span {z-index:10;display:none; padding:14px 20px;margin-top:-30px; margin-left:-440px;width:375px; line-height:16px;float:left;}
.divButton a {margin-bottom: 8px;}
.navBar {display:inline-block;top:auto;top:50px;width:100%;}
form {height: 100%;width: 100%;background: #ffffff;}
}

@media only screen and (max-width: 480px) 
{
.lab {font-size: 12px !important;}
.smallLink {font-size: 11px !important;}
form {height: 100%;width: 100%;background: #ffffff;}
.NSContentItem, .NSContentItemAlt, .NSContentItemEmpty{line-height: auto !important; height: auto !important}
}

@media only screen and (max-width: 425px)
{
DIV#divWrapperNarrow{ margin: 10px 0 0 0;}
a.tooltip span {margin-left: -399px !important; margin-top:20px !important;}
.edit INPUT[type="text"]{max-width: 160px !important}
.lab {font-size: 14px !important; width: auto;}
}
        
@media only screen and (max-width: 390px ) 
{
.lab {font-size: 13px !important;width: 120px !important;}
.NSContentItem {height: auto !important;}
}

@media only screen and (max-width: 412px)
{
.edit INPUT[type="text"]{max-width: 140px !important}
.lab {font-size: 14px !important;  line-height: 30px !important;}
}

@media only screen and (max-width: 375px)
{
a.tooltip span {margin-left: -340px !important; margin-top:20px !important; width: 300px !important}
.lab{line-height: 24px !important}
 .edit .lab{line-height: 28px !important}
}

@media only screen and (max-width: 320px)
{
a.tooltip span {margin-left: -300px !important; margin-top:35px !important; width: 290px !important}
.edit INPUT[type="text"]{max-width: 140px !important}
.lab {font-size: 12px !important;line-height: 18px !important;width: 90px !important;}
#main_CaptchaControl_lblValidation{line-height: 32px !important}
}

@media only screen and (max-device-width: 680px) and (orientation: landscape)
{
    a.tooltip span {margin-top: -200px !important}
}



/*///////////////////////////////////////
FIREFOX ONLY
//////////////////////////////////////*/

@-moz-document url-prefix()
{

a.tooltip span{margin-left: -410px;}
}