/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video
{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section
{
    display: block;
}
body
{
    line-height: 1;
}
ol, ul
{
    list-style: none;
}
blockquote, q
{
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after
{
    content: '';
    content: none;
}
table
{
    border-collapse: collapse;
    border-spacing: 0;
}
/* Actual styles */
body
{
    background: white;
    font-family: Traditional Arabic;
    font-size: 14pt
}
#bodyWrapper
{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 1000px;
    background: url(images/background2.png) top left no-repeat;
}
#header
{
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 703px;
    height: 184px;
    z-index: 3000;
    background: url(images/header_bg.png) center top repeat-y;
    
}
#dailyQuizHeader
{
    padding-bottom: 15px;
    background: url(images/header_shadow.png) center 169px no-repeat;
}
#trLeft
{
    position: absolute;
    top: 168px;
    left: 0;
    background: url(images/header-triangles.png) left -31px no-repeat;
    width: 31px;
    height: 31px;
    z-index: 1000;
}
#trRight
{
    position: absolute;
    top: 169px;
    right: 0;
    background: url(images/header-triangles.png) left top no-repeat;
    width: 31px;
    height: 31px;
    z-index: 1000;
}
#imDailyQuiz
{
    position: absolute;
    width: 149px;
    height: 114px;
    left: -36px;
    top: 20px;
    background: url(images/header2.png) left top no-repeat;
}
#centerShadow
{
    width: 686px;
    background: url(images/background1_fixed.png) center top repeat-y;
    background: url(images/background1_fixed.png) left top repeat-y \9;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    min-height: 400px;
}
#centerWrapper
{
    margin: 0 40px 0 40px
}
#conditionsHead
{
    width: 602px;
    height: 14px;
    background: url(images/shm3hb.png) left top no-repeat;
}
#conditionsBody
{
    width: 602px;
    min-height: 295px;
    background: url(images/shm3gd.png) left top repeat-y;
    text-align: right;
}
#conditionsBodyInner
{
    padding: 5px 50px 5px 50px;
    overflow:hidden;
}
#conditionsBodyInner ol
{
    list-style-type: decimal;
    margin: 0 12px 0 0;
}
#conditionsBodyInner ol li
{
    padding-right: 4px;
    margin-bottom: 4px
}
#conditionsFoot
{
    width: 602px;
    height: 58px;
    background: url(images/shm3hb.png) left -14px no-repeat;
}
#conditions
{
    position: relative
}
#conditionsBadge
{
    position: absolute;
    cursor:pointer;
    width: 58px;
    height: 195px;
    right: -17px;
    right: -15px \9;
    top: 3px;
    z-index:1000;
    background: url(images/shroot3.png) left top no-repeat
}
#m3lomat
{
    min-height: 300px;
    width: 602px;
    background: url(images/shm3gd.png) -605px top repeat-y;
    background-position: -602px top \9
}
#m3lomatInner
{
    padding: 0 10px 0 10px
}
#m3lomatInner ul
{
    width: 560px;
    margin-right: 10px
}
#m3lomatInner ul li
{
    margin-bottom: 12px;
}
#m3lomat_foot
{
    width: 602px;
    height: 53px;
    background: url(images/shm3hb.png) left -72px no-repeat;
    background-position: 3px -72px \9
}
              
#questionHead
{
    width: 609px;
    height: 30px;
    background: url(images/qAll.png) left top no-repeat;
}
#questionBody
{
    width: 609px;
    min-height: 100px;
    background: url(images/qAll.png) -609px top repeat-y;
    text-align: right;
}
#questionBodyInner
{
    padding: 5px;
}
#questionFoot
{
    width: 609px;
    height: 30px;
    background: url(images/qAll.png) -1218px top no-repeat;
}
#questionWrapper
{
    position: relative
}
#controls
{
    text-align: left;
    margin-top: 20px
}
input[type="text"]
{
    height: 30px;
    border: 0;
    margin: 0;
    padding: 4px;
    width: 180px;
    border-radius: 18px; 
    -moz-border-radius: 18px; 
    -webkit-border-radius: 18px; 
    border: 1px solid #D1D1D1;
}
#m3lomat label
{
    width: 100px;
    display: block;
    float: right;
    padding: 8px 0 0 0;
            
}#m3lomat .noLabelSpace label
{
    width:auto;
    display:inline;
    float:none;
    padding:auto;
}
#m3lomat table
{
    margin:0 100px 0 0;
    width:148px
}
input[type="text"].noSpaceIn
{
    width: 80px
}
.message{display:block;padding:10px 20px;margin-bottom:15px;cursor:pointer}.message p{width:auto;margin:0 60px 0 0!important;color:#555}.message h2{margin:0 60px 5px 0;color:#333;font-size:19px}.warning{background:#feffc8 url('/images/alukah30/management/icons/warning_48.png') 98% 50% no-repeat;border:1px solid #f1aa2d}.error{background:#fdcea4 url('/images/alukah30/management/icons/stop_48.png') 98% 50% no-repeat;border:1px solid #c44509}.success{background:#d4f684 url('/images/alukah30/management/icons/tick_48.png') 98% 50% no-repeat;border:1px solid #739f1d}.information{background:#c3e4fd url('/images/alukah30/management/icons/info_48.png') 98% 50% no-repeat;border:1px solid #688fdc}.small-message{font-size:10px;font-family:tahoma;text-align:center;padding:4px;border:solid 1px #dedede;background:#efefef;color:#222}.small-message span{margin:0 18px 0 0!important}.small-message p{width:auto;margin:0 18px 0 0!important;color:#555}.small-message h2{font-size:12px;margin:0 16px 2px 0;color:#333}.small-warning{border:solid 1px #dedede;background:#ffc url(/images/alukah30/icons/icon-warning.gif) 99% 50% no-repeat;color:#222}.small-success{border:solid 1px #90ac13;background:#eef4d3 url(/images/alukah30/icons/icon-success.gif) 99% 50% no-repeat;color:#6b800d;font-weight:bold}.small-error{border:solid 1px #c00;background:#f7cbca url(/images/alukah30/icons/icon-error.gif) 99% 50% no-repeat;color:#c00;font-weight:bold}.small-information{border:solid 1px #688fdc;background:#c3e4fd url(/images/alukah30/icons/icon-info.gif) 99% 50% no-repeat;color:#222;font-weight:bold}