/* CSS Role Comparison */

/*set frame */
#roleFrame { width: 507px; min-height: 366px; /*height: 366px;*/ margin: 0 0 0 0; padding: 0 0 0 0  }
#roleFrameIntro { width: 507px; min-height: 301px; /*height: 301px;*/ margin: 0 0 0 0; padding: 0 0 0 0   }

/*set top container */
#roleTop { width: 500px; margin: 0 0 0 0; padding: 0; height: 100%; background:url(/images/bg_gradient_top.gif) left top no-repeat; border: 0px solid #000 }
#roleTopIntro { width: 500px; margin: 0 0 0 0; padding: 0; height: 100%; background:url(/images/bg_gradient_top.gif) left top no-repeat; border: 0px solid #000 }

/*set top right gifs */
#roleIntro { float:right; width:244px; height: 241px; margin: 0 0 0 0; padding: 0; background:url(/images/Hi_VIS.gif) left top no-repeat; border: 0px solid #000 }
#roleCasual { float:right; width:244px; height: 241px; margin: 0 0 0 0; padding: 0; background:url(/images/Casual.gif) left top no-repeat; border: 0px solid #000 }
#roleTopSuit { float:right; width:244px; height: 241px; margin: 0 0 0 0; padding: 0; background:url(/images/Suit.gif) left top no-repeat; border: 0px solid #000 }
#roleTopSpecialConstable { float:right; width:244px; height: 241px; margin: 0 0 0 0; padding: 0; background:url(/images/SpecialConstable.gif) left top no-repeat; border: 0px solid #000 }
#roleTopPoliceOfficer { float:right; width:244px; height: 241px; margin: 0 0 0 0; padding: 0; background:url(/images/PoliceOfficer.gif) left top no-repeat; border: 0px solid #000 }
#roleTopShirtanTie { float:right; width:244px; height: 241px; margin: 0 0 0 0; padding: 0; background:url(/images/ShirtanTie.gif) left top no-repeat; border: 0px solid #000 }
#roleTopJumpsuit { float:right; width:244px; height: 241px; margin: 0 0 0 0; padding: 0; background:url(/images/jumpsuit.gif) left top no-repeat; border: 0px solid #000 }
#roleTopShirt { float:right; width:244px; height: 241px; margin: 0 0 0 0; padding: 0; background:url(/images/Shirt.gif) left top no-repeat; border: 0px solid #000 }
#roleTopPCSO { float:right; width:244px; height: 241px; margin: 0 0 0 0; padding: 0; background:url(/images/PCSO.gif) left top no-repeat; border: 0px solid #000 }
#roleTopCCR { float:right; width:244px; height: 241px; margin: 0 0 0 0; padding: 0; background:url(/images/CCR.gif) left top no-repeat; border: 0px solid #000 }
#roleTopSUIT_OVERCOAT { float:right; width:244px; height: 241px; margin: 0 0 0 0; padding: 0; background:url(/images/SUIT_OVERCOAT.gif) left top no-repeat; border: 0px solid #000 }
#roleLabcoat { float:right; width:244px; height: 241px; margin: 0 0 0 0; padding: 0; background:url(/images/Labcoat.gif) left top no-repeat; border: 0px solid #000 }
#roleHiVis { float:right; width:244px; height: 241px; margin: 0 0 0 0; padding: 0; background:url(/images/Hi_VIS.gif) left top no-repeat; border: 0px solid #000 }
#roleOveralls { float:right; width:244px; height: 241px; margin: 0 0 0 0; padding: 0; background:url(/images/Overalls.gif) left top no-repeat; border: 0px solid #000 }

/*set question no position */
#roleQ { width: 200px; margin: 0 0 0 15px; padding: 10px 0 0 0; border: 0px solid #000; }
#roleQ p { margin: 0 0 0 0; padding: 0 0 3px 0; color: #AEAD9A; font-size: 1.2em; font-weight: bold  }

/*set copy container */
#roleCopy { background:#FAF9F6; margin: 0 0 0 8px; padding: 10px 0 9px 0; min-height: 208px;  border: 0px solid #000; width: 248px; }
/* Please see rolecomparison/default.aspx for IE 6 specific overrides */

#roleCopy p { margin: 0 0 21px 0; padding: 0 8px 0 8px; border: 0px solid #000 }

#roleCopy p.closer { margin: 0 0 0 0; padding: 0 8px 0 8px; border: 0px solid #000 }
#roleCopyIntro { margin: 0 0 0 8px; border: 0px solid #000; width: 248px; background:#FCFCFA; border: 0px solid #000;  }
#roleCopyIntro p { margin: 0 0 8px 0; padding: 8px }


#roleFooter { background: url('/images/new_bg.jpg') left top repeat-y; min-height: 17px; width: 248px; border: 0px solid #000; margin: 0 0 50px 8px; padding: 16px 0 5px 0 }
#roleFooterIntro { background: url('/images/new_bg.jpg') left top; height:17px; width: 248px; border: 0px solid #000; margin: 0 0 100px 8px }

#button { margin: 0; border: 0px solid #000; padding: 0 0 0 8px; height: 21px; width: 87px  }
#buttonIntro { margin: 0 10px 6px 0; padding: 0; border: 0px solid #000; width: 146px; height:21px; float: right  }

/*set right container */
#rightRole { width: 250px; margin: 0 0 0 0; padding: 0 0 0 0; border: 1px solid #000; float: right; clear: none }
#rightRole img { float: right; margin:0; padding: 0 }

img { border: none }

.yesButton { margin: 0 10px 7px 0;text-align:right;}/*ASB - removed float */
.yesButton span{position:relative;top:-6px;padding-right:7px;}
.yesCopyLink { float: right; margin: 0;display:inline; }

.yesCopy { float: right; padding: 0 0 0 5px; font-size:1.2em; font-weight: bold; color:#666; text-decoration: none; vertical-align: middle  }

a.yesB { background: url(/images/yesB_off.gif); border: none; display:block; width:21px;height:21px;}

a.yesB:hover { background: url(/images/arrow_YesButton.gif); border: none}