/*  ========================================================================================
Application:  BPi 2012
Filename: styles/mailforms.css
Called by:
Description/Notes:
Update History:
06/02/12 DSK - First release
========================================================================================= */
@media (min-width:400px) 
{
    h1 {font-size:20px;color:#164069;font-weight:bold;}
    p.warn{text-align:center;color:#f50;font-weight:bold}
    #formBox {width:90%;overflow:hidden;padding:15px;}
}

@media (max-width:400px) 
{
    h1 {font-size:16px;color:#164069;font-weight:bold;}
    p.warn{text-align:center;color:#f50;font-weight:bold;font-size:10px;}
    #formBox {width:90%;overflow:hidden;padding:10px;}
}


#formBox h2 {font-size:16px;font-weight:bold;}
#formBox fieldset {border-radius:10px;}
#formBox label {width:10em;}
#formBox p {width:80%;}

textarea, input[type="text"] {border:1px solid #ccc;color:#555;float:left;margin-bottom: 10px;padding: 5px;width: 258px;border-radius:5px;box-shadow:inset 1px 2px 5px #a7a7a7;}
.required {background:url(/images/inputBG.png) no-repeat top right;}
label {color:#888;font-size:12px;float:left;margin-right:10px;}
.blueLabel {color:#18548d;font-size:10px;font-weight:bold;}
.reset {background:url(/images/reset.jpg) repeat-x;height:33px;width:160px;border:1px solid #11426f;border-radius: 5px;color:#fff;font-size:14px;font-weight:bold;}
.send {background:url(/images/send.jpg) repeat-x;height:33px;width:160px;border:1px solid #86a513;border-radius: 5px;color:#fff;font-size:14px;font-weight:bold;}
.checkbox, .radio {width: 19px;height: 25px;padding: 0 5px 0 0;background: url(/images/checkbox.gif) no-repeat;display:lock;float:left;cursor:pointer;}
.radio {background: url(/images/radio.gif) no-repeat;}

@media (min-width:400px) 
{
    #regfm {width:100%;margin:10px auto;}
    #regfm label,#regfm input,#regfm textarea {float:left;margin:10px 0 2px;border:none;}
    #regfm #nom, #regfm #adr, #regfm #ml, #regfm #pcd, #regfm #org, #regfm #pos, #regfm #tel {width:220px;}
    #regfm label {clear:left;font-size:14px;font-weight:bold;text-align:left;width:10em;padding:0px 15px;}
    #regfm button {cursor:pointer;background:#aac53f url(/images/send.jpg) repeat-x;height:33px;border:1px solid #86a513;border-radius:5px;color:#fff;font-size:14px;font-weight:bold;}
    #regfm p {clear:both;color:#000;font-size:13px;padding:5px 0;margin:0;text-align:center;}
    #regfm .rad {padding:15px 0 0 15px;margin:0 2em 0 0;font-weight:bold;float:none;}
    #regfm input.rad {width:auto;margin-left:10px}
    #regfm #coy {display:block;}
    #regfm .btns {padding:6px 0;text-align:center;}
    #regfm .btns button {font-weight:bold;cursor:pointer;padding:6px 12px;margin:0 15px;}
    #regfm .btns .abut {width:auto;}

    #regfm #eml {margin:0;}
    #regfm #eml label {clear:both;width:6em;text-align:right;vertical-align:top;}
    #regfm #eml p.fwd input {width:auto;line-height;margin-top:0}
    #regfm #eml p.fwd {clear:both;color:#444;margin:0 auto 0;padding:14px 0;}

    #regfm #eml textarea {width:220px;margin:0 auto;}
    .nowr {white-space:nowrap;}
    .pdesc {color:#335588;}
    #regfm #vndpick label {width:80%;text-align:right;vertical-align:top;font-size:80%;color:#aac53f;}
    #regfm #vndpick span {display:block;float:left;width:40%}
    #regfm #vndpick {display:none;width:100%;margin:0 auto 10px;}
    #regfm p.captcha {font-size:12px;text-align:center;color:#666;font-weight:bold;}
    p.captcha {white-space:nowrap;}
    #regfm p input {width:4em;margin-left:10px;float:none;}
}

@media (max-width:400px) 
{
    #regfm {width:100%;margin:5px auto;font-size:10px;}
    #regfm label,#regfm input,#regfm textarea {float:left;margin:10px 0 2px;border:none;}
    #regfm #nom, #regfm #adr, #regfm #ml, #regfm #pcd, #regfm #org, #regfm #pos, #regfm #tel {width:80%;}
    #regfm label {clear:left;font-size:10px;font-weight:bold;text-align:left;width:80%;padding:0px 15px;}

    #regfm button {cursor:pointer;background:#aac53f url(/images/send.jpg) repeat-x;height:33px;border:1px solid #86a513;border-radius:5px;color:#fff;font-size:14px;font-weight:bold;}
    #regfm p {clear:both;color:#000;font-size:10px;padding:5px 0;margin:0;text-align:center;}
    #regfm .rad {padding:15px 0 0 15px;margin:0 2em 0 0;font-weight:bold;float:none;}
    #regfm input.rad {width:auto;margin-left:10px}
    #regfm #coy {display:block;}
    #regfm .btns {padding:6px 0;text-align:center;}
    #regfm .btns button {font-weight:bold;cursor:pointer;padding:6px 12px;margin:5px; 15px;}
    #regfm .btns .abut {width:auto;}

    #regfm #eml {margin:0;}
    #regfm #eml label {clear:both;width:80%;text-align:left;vertical-align:top;}
    #regfm #eml p.fwd input {width:auto;margin-top:0}
    #regfm #eml p.fwd {clear:both;color:#444;margin:0 auto 0;padding:14px 0;}
    #regfm #eml textarea {width:80%;margin:0 auto;font-size:10px;}
    .nowr {white-space:nowrap;}
    .pdesc {color:#335588;}
    #regfm #vndpick label {text-align:left;vertical-align:top;font-size:80%;color:#aac53f;}
    #regfm #vndpick span {display:block;float:left;width:100%}
    #regfm #vndpick {display:none;width:96%;margin:0 auto 10px;}
    #regfm p.captcha {font-size:10px;text-align:center;color:#666;font-weight:bold;}
    p.captcha {;}
    #regfm p input {width:4em;margin-left:10px;float:none;}
}

.captcha input {width:6em;height:2em !important}
img#captcha {display:inline;padding:0 6px;vertical-align:middle;}
#mmsg p {text-align:center;}
.fmbdy {width:100%;}

.addu {width:70%;margin:auto;font-size:120%}
.addu .btns {text-align:center;}
.addu .btns button {cursor:pointer;background: url(/images/send.jpg) repeat-x;height:33px;width:160px;border:1px solid #86a513;border-radius:5px;color:#fff;font-size:14px;font-weight:bold;}