#dhtmltooltip
{
    position: absolute;
    border: 1px solid #cccccc;
    padding: 5px 5px 5px 5px;
    width: 250px;
    background-color: #126FEF;
    visibility: hidden;
    font-size: 15px;
    color: white;
    z-index: 100; /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
    filter: progid:DXImageTransform.Microsoft.Shadow(color=gray) progid:DXImageTransform.Microsoft.gradient(startColorstr=#11000000, endColorstr=#77ffffff);
}


#dhtmltooltip h1
{
    font-size: 18px;
    color: white;
    font-weight: bold;
    background-color: Transparent;
}

.helpimage
{
    cursor: help;
}

.collapsePanel
{
    background-color: white;
    overflow: hidden;
}

.collapsePanelHeader
{
    width: 100%;
    height: 30px;
    font-size: 18px;
    background-image: url(../../images/bg-menu-main.png);
    background-repeat: repeat-x;
    color: #FFF;
    font-weight: bold;
}

#master_content .collapsePanelHeader a
{
    color: #FFF;
}

#master_content .collapsePanelHeader a:hover
{
    text-decoration: none;
    background: none;
}


#content-main
{
    margin-left: auto;
    margin-right: auto;
    background-color: White;
    padding: 10px 10px 10px 10px;
}


#content-main a:hover
{
}


#content-main h1
{
    margin-bottom: 10px;
    margin-top: 0px;
    font-size: 20px;
    color: #137CDC;
}

#content-main h2
{
    margin-top: 0px;
    margin-bottom: 15px;
    font-size: 17px;
    color: #333333;
}

.centre
{
    width: 820px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}


#SearchPanel a:link, #SearchPanel a:visited
{
    color: #333333;
    text-decoration: underline;
    font-weight: normal;
    font-size: 10px;
}

#top-info-links
{
    top: 130px;
    position: absolute;
    left: 72px;
    z-index: 2;
}
#top-info-Date
{
    top: 0px;
    position: absolute;
    left: 10px;
    color: #005004;
    font-size: 12px;
}

#TopItems
{
    top: 40px;
    position: absolute;
    padding-right: 10px;
    padding-left: 10px;
    color: #211F32;
    font-size: 13px;
    font-weight: bold;
}

#TopLogo
{
    top: 0px;
    position: absolute;
    right: 5px;
}

#TopItems a:link, #TopItems a:visited
{
    color: #211F32;
    text-decoration: none;
    font-weight: normal;
}

#TopItems a:hover
{
    color: #ffffff;
    text-decoration: none;
    background-color: #6699cc;
}

#Images a:link, #Images a:visited
{
    text-decoration: none;
}

#Images a:hover
{
    text-decoration: none;
}


#TopDropDown
{
    font-weight: bold;
    position: absolute;
    left: 10px;
    top: 30px;
}

#top-info-links a:link, #top-info-links a:visited
{
    color: #333333;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
}

#top-information
{
    margin-left: auto;
    margin-right: auto;
    width: 820px;
    height: 45px;
    background-image: url(../../images/topbg.gif);
    margin-top: 0px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HTML TAGS 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body
{
    margin: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    background-color: #ffffff;
    background-image: url(../../images/RekabigSite.jpg);
    background-repeat: repeat-x;
}


p
{
    margin: 10px 0;
}

p.no-padding-no-margin
{
    padding: 0;
    margin: 0;
}

hr
{
    color: #6699cc;
    background-color: #E5E5E5;
    height: 1px;
    border: 0;
}

blockquote p
{
    margin: 2px 0;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	LINKS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


body a:link
{
    color: black;
    text-decoration: none;
}

a:visited
{
    color: black;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FOOTER

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


#FooterLinks
{
    margin-left: auto;
    margin-right: auto;
    color: #6699cc;
    font-size: 12px;
}

#FooterLinks a:hover
{
    color: #ffffff;
    background-color: #6699cc;
}


#FooterLinks a:link, #FooterLinks a:visited
{
    color: #efefef;
    text-decoration: underline;
    font-weight: normal;
    font-size: 12px;
}


#footer
{
    margin-left: auto;
    margin-right: auto;
    width: 820px;
    color: #211F32;
    font-size: 11px;
    background-color: White;
    bottom: 5px;
    z-index: -1;
}

#SiteDesign
{
    position: absolute;
    right: 10px;
    font-size: 10px;
    color: #211F32;
    bottom: 0px;
}


#SiteDesign a:link, #SiteDesign a:visited
{
    color: #211F32;
    text-decoration: underline;
    font-weight: bold;
}

#SiteVersion
{
    position: absolute;
    left: 10px;
    font-size: 10px;
    color: #211F32;
    bottom: 0px;
    direction: ltr;
}

#SiteVersion a:link, #SiteVersion a:visited
{
    color: #211F32;
    text-decoration: underline;
    font-weight: bold;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MISC CLASSES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.textbox
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: black;
    border: 1px solid #333333;
    background-color: Window;
}

.button
{
    cursor: pointer;
    font-size: 13px;
    color: #efefef;
    background-color: #666666;
    font-weight: bold;
}


.RadioButtonListQuestions
{
    cursor: pointer;
    font-size: 30px;
    font-weight: bold;
}

.RadioButtonListExamples
{
    cursor: default;
    font-size: 30px;
    font-weight: bold;
}

.ButtonNavigateExam
{
    cursor: pointer;
    font-size: 16px;
    color: #efefef;
    background-color: #005004;
    font-weight: bold;
}

.ButtonSubmitReg
{
    cursor: pointer;
    font-size: 16px;
    color: #efefef;
    background-color:Blue;
    font-weight: bold;
}

.ButtonNavigatePart
{
    cursor: pointer;
    font-size: 16px;
    color: #efefef;
    background-color: #137CDC;
    font-weight: bold;
}

.ButtonInstructions
{
    cursor: pointer;
    font-size: 13px;
    color: #efefef;
    background-color: #C26400;
    font-weight: normal;
}

.SearchTextbox
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #fd3400;
    width: 150px;
    background-color: #e4c49e;
}

.Searchbutton
{
    cursor: pointer;
    font-size: 12px;
    color: #fd3400;
    background-color: #e4c49e;
    font-weight: bold;
}

.DropDown
{
    font-weight: bold;
    font-size: 12px;
    color: #efefef;
    background-color: #6699cc;
}

img
{
    border: none;
}

.photo-border
{
    border: 1px solid gray;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 10px;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,strength=6);
}

.photo-border-1
{
    border: 1px solid #137CDC;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 10px;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#137CDC,strength=6);
}

.photo-border-2
{
    border: 1px solid green;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 10px;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=green,strength=6);
}

.photo-border-3
{
    border: 1px solid red;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 10px;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=red,strength=6);
}

.photo-border-map
{
    border: 1px solid gray;
    margin-top: 5px;
    margin-bottom: 5px;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,strength=4);
}

.ItemThumbBorder
{
    height: 165px;
    width: 164px;
    padding-top: 6px;
    background-repeat: no-repeat;
    background-image: url(../../images/Thumb_bg.jpg);
}

.ItemLargeBorder
{
    height: 550px;
    width: 553px;
    padding-top: 20px;
    background-repeat: no-repeat;
    background-image: url(../../images/LargeImage_bg.jpg);
}

.photo-float-left
{
    float: left;
}

img
{
    border: 0;
}

/*Textbox Watermark*/

.unwatermarked
{
}

.watermarked
{
    border: 1px solid #BEBEBE;
    background-color: #F0F8FF;
    color: gray;
}

/*Reorder List*/
.dragHandle
{
    width: 15px;
    height: 15px;
    background-color: Blue;
    background-image: url(../../images/bg-menu-main.png);
    cursor: move;
    border: outset thin white;
}

.callbackStyle
{
    border: thin blue inset;
}

.callbackStyle table
{
    background-color: #5377A9;
    color: Black;
}

.reorderListDemo li
{
    list-style: none;
    margin: 2px;
    background-image: url(../../images/bg_nav.gif);
    background-repeat: repeat-x;
    color: #FFF;
}

.reorderListDemo li a
{
    color: #FFF !important;
    font-weight: bold;
}

.reorderCue
{
    border: dashed thin black;
    width: 100%;
    height: 25px;
}

.itemArea
{
    margin-left: 5px;
    margin-right: 5px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
For Paging Links
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.selectedPage
{
    font-weight: bold;
    color: red;
    border: solid 1px GRAY;
    padding: 2px 2px 2px 2px;
    width: 30px;
}


.PagingLinks a:link, .PagingLinks a:visited
{
    color: #2C75DB;
    text-decoration: none;
    padding: 2px 2px 2px 2px;
    width: 30px;
    border: solid 1px #6699cc;
    background-color: #efefef;
}

.PagingLinks a:hover
{
    color: #C13030;
    text-decoration: none;
    padding: 2px 2px 2px 2px;
    width: 30px;
    border: solid 1px #6699cc;
    background-color: #efefef;
}