html, body
{
    margin: 0;
    padding: 0;
    height: 100%;
}

body
{
    background: #000 url( 'Images/bg.jpg' ) no-repeat center center;
    text-align: center;
}

#wrap
{
    margin: 0 auto;
    position: relative;
    width: 1003px;
    height: 624px;
    text-align: right;
    clear: left; /* This is so Important to set the wrap vertical center  */
}

#Header
{
    width: 1003px;
    height: 110px;
    background: Transparent url( 'Images/Header.png' ) no-repeat left top;
    padding: 0;
    margin: 0;
}

#ThritaFooter
{
    color: #fff;
    background: Transparent url( 'Images/footer.png' ) no-repeat center top;
    clear: both;
    width: 1003px;
    height: 37px;
    text-align: center;
    font-size: 14px;
    padding-top: 9px;
    margin: 0;
    font: normal normal normal 11px/14px Tahoma;
}

#Container
{
    clear: both;
    width: 1003px;
    height: 532px;
    background: Transparent url( 'Images/leftContent.png' ) no-repeat left top;
}

#Accardion
{
    float: right;
    top: 2px;
    right: 0;
    width: 185px;
    height: 417px;
    background: Transparent url( 'Images/bgSidebar.png' ) no-repeat right top;
    direction: rtl;
    padding-top: 50px;
    padding-right: 30px;
}

#Content
{
    float: right;
    right: 202px;
    width: 752px;
    height: 417px;
    text-align: right;
    direction: rtl;
    font: normal normal normal 11px/12px 'Tahoma';
    padding: 25px 10px;
    overflow: auto;
    margin: 0; /*background: transparent url( 'Images/contentBg.png' ) repeat top left; 	filter: alpha(opacity = 5); 	opacity: 0.8;*/
    background-color: #514f4d;
}

a:link, a:visited
{
    font: normal normal normal 11px/14px Tahoma;
    color: Navy;
}

a:hover
{
    font: normal normal normal 11px/14px Tahoma;
    color: Navy;
}
label
{
    color: #000;
}

hr
{
    border: solid 1px #6B7DCF;
}

table
{
    font: normal normal normal 11px/14px Tahoma;
    color: #fff;
}
tr
{
    padding: 0;
    margin: 0;
}

th
{
    font-weight: normal;
    font-variant: normal;
    font-style: normal;
}
#report table span
{
    color: #d1ca70;
}

#report table
{
    border: solid 1px #fff;
}

#report table a:link, #report table a:visited
{
    color: #f9f0c8;
    text-decoration: underline;
}

#report table a:hover
{
    color: #fff;
    text-decoration: none;
}



#distance
{
    width: 1px;
    height: 50%;
    background-color: Transparent;
    margin-bottom: -300px; /* half of wrap's height */
    float: left;
}

#Login
{
    margin: 0 auto;
    position: relative;
    width: 503px;
    clear: left;
    direction: ltr;
}

#Login a:link
{
    font: normal normal normal 12px 'Tahoma';
    text-decoration: none;
    color: #fff;
}

#Login a:hover
{
    font: normal normal normal 12px 'Tahoma';
    text-decoration: underline;
    color: #fff;
}

#Login a:visited
{
    font: normal normal normal 12px 'Tahoma';
    text-decoration: none;
    color: #fff;
}

#HeaderLine
{
    text-align: center;
    font: normal normal bold 14px/18px 'Times New Roman';
}

#table
{
    margin-right: 150px;
}


#Header .logo
{
    position: absolute;
    top: 0px;
    margin-top: 30px;
    right: 50px;
    width: 135px;
    height: 106px;
}

#Header .Green
{
    /*position: absolute;     top: 5px;     left: 550px;     width: 100px;     height: 100px;     background-color: #3C8A66;*/
}

.accordionHeader
{
    color: #204D89;
    font: normal normal normal 11px/12px 'Tahoma';
    padding: 9px;
    cursor: pointer;
    background-color: #525252;
    color: #B9CD2E;
    border-bottom: 2px solid #ffffff; /*background: url('Images/accBG.gif') repeat-x top right;*/
}

.accordionHeaderSelected
{
    color: #525252;
    font: normal normal normal 11px/12px 'Tahoma';
    padding: 9px;
    cursor: pointer;
    background-color: #B9CD2E; /*background: url('Images/accHeaderBGgif.gif') repeat-x top right;*/
}

.accordionContent
{
    background-color: #E0E0E0;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
    padding-bottom: 60px;
    font: normal normal normal 11px/18px 'Tahoma';
    text-decoration: none;
}

#Accardion a
{
    color: #fff;
    font: normal normal normal 11px/18px 'Tahoma';
    text-decoration: none;
}

#Accardion a:link, a:visited
{
    color: #fff;
    font: normal normal normal 11px/18px 'Tahoma';
    text-decoration: none;
}

#Accardion a:hover
{
    color: #ff4716;
    text-decoration: none;
}

#Accardion span
{
    color: #fff;
    font: normal normal normal 11px/18px 'Tahoma';
    text-decoration: none;
}
/*//////////////////////////////////////////////////////////*/
/*These Classes Are For Button Activities*/
/*//////////////////////////////////////////////////////////*/
#Content .GreenBox
{
    background-color: #9db944;
    color: #fff;
    font-size: 10pt;
    border: solid 1px #fff;
    font: normal normal normal 12px/14px Tahoma;
    text-decoration: none;
    height: 50px;
    padding: 5px;
}

#Content .GreenBox:link
{
    text-decoration: none;
    padding: 5px;
    color: #fff;
    font: normal normal normal 12px/14px Tahoma;
    height: 50px;
}

#Content .GreenBox:visited, #Content .GreenBox:active
{
    text-decoration: none;
    font: normal normal normal 12px/14px Tahoma;
    color: #ED8530;
    height: 50px;
    padding: 5px;
}

#Content .GreenBox:hover
{
    font: normal normal normal 12px/14px Tahoma;
    text-decoration: none;
    color: white;
    background-color: #ED8530;
    height: 50px;
    padding: 5px;
}

/*//////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////*/

#GridView
{
    direction: rtl;
}

#Status
{
    float: left;
    top: 105px;
    right: 202px;
    width: 771px;
    height: 18px;
    text-align: left;
    direction: rtl;
    font: normal normal normanl 11px/12px 'Tahoma';
    padding-left: 5px;
    margin: 90px 0 0 15px;
}

#ThritaFooter p
{
    color: #fff;
    padding: 0;
    margin: 0;
}
#ThritaFooter a
{
    color: #C6DDEE;
    text-decoration: none;
}

#Status a
{
    color: white;
    text-decoration: none;
    font: normal normal normal 11px/14px Tahoma;
}

#Status a:link
{
    color: white;
    text-decoration: none;
    font: normal normal normal 11px/14px Tahoma;
}

#Status a:hover
{
    color: #fff;
    text-decoration: none;
    font: normal normal normal 11px/14px Tahoma;
}

#Status span
{
    color: #fff;
    font: normal normal normal 11px/14px Tahoma;
}

.Grids
{
    color: #333333;
    border: solid 1px #A3A4A3;
    text-align: center;
    width: 100%;
}


.pnlActivityBtn
{
    margin: 0;
    padding-top: 5px;
    text-align: center;
    background-color: #f8f8f8;
}

.pnlTrackWorkItem
{
}

.pnlResult
{
    padding-top: 20%;
    vertical-align: middle;
    text-align: center;
}

.textBoxes
{
    font-family: Tahoma;
    font-size: 12px;
    background-position: auto top;
    background-image: url(  'Images/TextBoxBg.gif' );
    background-repeat: repeat-x;
    border: solid 1px #979696;
}

.dropDownLists
{
    font-family: Tahoma;
    font-size: 12px;
    background-position: auto top;
    background-image: url(  'Images/TextBoxBg.gif' );
    background-repeat: repeat-x;
}

.Buttons
{
    font-family: Tahoma;
    font-size: 12px;
}

.gridHeader
{
    color: #f67b3e; /*e7e7e7*/
    vertical-align: middle;
    background-color: #333;
    font: normal normal normal 11px/12px Tahoma;
}

.gridRow
{
    color: #000;
    font: normal normal normal 11px/12px Tahoma;
    background-color: #fff;
    height: 13px;
    text-align: Center;
}

#report .gridRow span
{
    color: #000;
}

.gridFooter
{
    background-color: #5D7B9D;
    text-align: center;
    vertical-align: middle;
}

#report .gridFooter span
{
    color: #fff;
}


.gridRow a:link, .gridRow a:visited
{
    color: Black;
    text-decoration: underline;
}

.gridRow a:hover
{
    color: Black;
    text-decoration: none;
}

#shadow .Reflex
{
    position: absolute;
    background: url(  'Images/Shadow.png' ) no-repeat left top;
    width: 988px;
    height: 52px;
}

.TabFormating
{
    text-align: center;
    vertical-align: middle;
    padding: 50px;
}

.Validators
{
    color: #FF7F50;
    font-weight: bold;
    font-size: small;
}

.pnlComment
{
    direction: ltr;
    text-align: left;
}

.pnlComment legend
{
    color: #9db944;
}

.pnlComment fieldset
{
    padding: 10px;
}

.error
{
    text-align: center;
    padding: 10px;
    background-color: #333333;
    color: #CC6633;
}

.RepeaterHeader
{
    background-color: #3E3E3E;
    color: #21B9FC;
    border-bottom: solid 2px #ACA899;
    cursor: pointer;
    padding: 5px 5px 3px 0;
}

.RepeaterContent
{
    background-color: #626262;
    color: #fff;
    padding: 1px 5px 1px 0;
    font: normal normal normal 11px/14px Tahoma;
}

.RefereePanels
{
    color: #000;
}

.RefereePanels label
{
    color: #fff;
}

.RefereePanels a:link, .RefereePanels a:visited
{
    color: #b4ae60;
    text-decoration: underline;
}

.RefereePanels a:hover
{
    color: #d1ca70;
    text-decoration: none;
}

.RefereePanels legend
{
    color: #9db944;
    padding-bottom: 7px;
}

.RefereePanels fieldset
{
    padding: 15px;
    border-color: #bfbfbf;
    color: #fff;
}

.FreeEditCheckbox label
{
    color: #fff;
}

.Search
{
    padding-left: 10px;
}

.Search legend
{
    color: #9db944;
}

.SearchBox
{
    border-top: solid 1px #fff;
    margin: 0 2px;
    margin-left: 10px;
}

.Answers
{
}

.Answers span
{
    color: #21b9fc;
}

.Answers table
{
    border: solid 1px #fff;
}

.returnLinks
{
    text-align: left;
}

.returnLinks a:link, returnLinks a:visited
{
    color: #f8f983;
    text-decoration: none;
}

.returnLinks a:hover
{
    color: #ecff86;
    text-decoration: none;
}

#shadow
{
    position: relative;
    top: 5px;
    left: -5px;
    float: right;
    text-align: left;
    clear: both;
    margin: 0;
    height: 52px;
    width: 988px;
}

#Comment
{
    width: 78%;
    margin: auto;
    border: solid 1px #333333;
    padding: 8px;
    font: normal normal normal 12px/16px 'Tahoma';
    direction: rtl;
    text-align: right;
    height: 500px;
}

#CommentHeader
{
    background-color: #333333;
    width: 80%;
    height: 17px;
    text-align: center;
    color: #fff;
    margin: auto;
    padding-top: 3px;
    border: solid 2px #333333;
}

#CurrentUser
{
    float: right;
    right: 0;
    margin-top: 0;
    padding-right: 5px;
    text-align: right;
    direction: rtl;
    color: #ffffff;
    font-weight: bold;
}

#ResearcherName
{
    color: #FF9900;
}

#Table
{
    background-color: gray;
    text-align: right;
    vertical-align: middle;
    border: solid 1px #fff;
    margin-right: 17%;
    margin-top: 30px;
    width: 70%;
}

#Table a:link, #Table a:link a:hover, #Table a:link a:visited
{
    color: #fff;
}

#back
{
    margin: -16px 0 0 0px;
    padding: 0;
    text-align: left;
}

#ActivityButtoms
{
    position: fixed;
    width: 725px;
    height: 70px;
    z-index: 200;
    right: -265px;
    top: 50%;
    margin-top: -190px;
    margin-right: 50%;
    padding-top: 0px;
}

#repeaterAlternatingItem
{
    background-color: #565451;
}

.aspTable
{
    width: 100px;
    height: 100%;
}
.aspTableCell
{
    background-color: #ffffff;
    color: #000000;
}

.aspTableHeaderRow
{
    background-color: #333333;
    color: #f67b3e;
}
.aspTableRow
{
    background-color: #ffffff;
    color: #000000;
}
.aspTableAltRow
{
    background-color: #dedede;
    color: #000000;
}
.aspTableFooterRow
{
    background-color: #5d7b9d;
    color: #fff;
}

.aspTable table td
{
    border: solid 2px green;
}

.goverment
{
    color: #fff;
    font: normal normal Bold 16px/22px Arial;
}

.nameofGode
{
    background: Transparent url('Images/IntheNameofGod.png') no-repeat center center;
    height: 100px;
    width: 100%;
}

.Allah
{
    background: Transparent url('Images/iriSign.png') no-repeat center center;
    height: 105px;
}

.actionReport
{
    color: Green;
}
.chkReferee label
{
    color: #000;
    margin-bottom: 10px;
}