.logo
{
    background-image:url("images/logo2.gif");
}


.htmlButtonOn {
    font-size: 15px;
    font-weight: bold;
    background: #f6f6f6;
    padding: 1px 2px 2px 2px;
    white-space: nowrap;
    width:30px;
}
.htmlButtonOn a:link {
    color: #990000;
    text-decoration: none;
    white-space: nowrap;
}
.htmlButtonOn a:visited {

}
.htmlButtonOn a:active {
    text-decoration: none;
    color: #999;
}
.htmlButtonOn a:hover {
    background-color: #fff;
    color: #999;
    text-decoration: none;
}



.HeadBg
{
    background-image:url("skins\bg1.jpg");
}

.SiteTitle
{
    font-size: 18pt;
    color:#fae47e;
    text-decoration: none;
    font-weight: bold;
}

.AlbumFooter
{
    font-size: 18pt;
    color:#e9c90a;
    text-decoration: none;
    font-weight: bold;
}

.smallAlbumFooter
{
    font-size:14pt;
    color:#e9c90a;
    text-decoration: none;
    font-weight: bold;
}

.TabBg
{
    background-color: white;
    border-color: yellow;
}

.OtherTabsBg
{
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    background-image: url(images/toolbar_background.gif);
    background-repeat: repeat-x
}


.SelectedTab
{
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    background-image: url(images/tab_active_subtab.gif);
    background-repeat: repeat-x
}

.OtherTabs
{
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    background-image: url(images/toolbar_background.gif);
    background-repeat: repeat-x
}

A.OtherTabs:link
{
    text-decoration:    none;
    color:white;
}

A.OtherTabs:visited
{
    text-decoration:    none;
    color:white;
}

A.OtherTabs:active
{
    text-decoration:    none;
    color:white;
}

A.OtherTabs:hover   {
    text-decoration:    underline;
    color:Purple;
}

.SiteLink {
    font-size: 14px;
    font-weight: bold
}

A.SiteLink:link {
    text-decoration:    none;
    color:white;
}

A.SiteLink:visited  {
    text-decoration:    none;
    color:#eeeeee;
}

A.SiteLink:active   {
    text-decoration:    none;
    color:#eeeeee;
}

A.SiteLink:hover    {
    text-decoration:    underline;
    color:white;
}


A.Rule:link
{
    text-decoration:    none;
    color: Blue;
    font-size: 18px;
}

A.Rule:visited
{
    text-decoration:    none;
    color:Blue;
    font-size: 18px;
}

A.Rule:active
{
    text-decoration:    none;
    color:red;
    font-size: 18px;
}

A.Rule:hover
{
    text-decoration:    none;
    color:red;
    font-size: 18px;
}

A.ahkam:link {
    text-decoration:    none;
    color:white;
}

A.ahkam:visited  {
    text-decoration:    none;
    color:white;
}

A.ahkam:active   {
    text-decoration:    none;
    color:white;
}

A.ahkam:hover    {
    text-decoration:    underline;
    color:white;
}

.Accent
{
    color: red;
    font-weight:    bold;
}

.Message
{
    font-size: 11px;
    font-weight: normal;
    font-size: 11px;
    background-color: #eeeeee
}


.ItemTitle
{
    font-size:  11px;
    font-weight:    bold;
    color: darkred;
}

.ahkam
{
    font-size:  11px;
}
.quest
{
    font-size:  11px;
    font-weight:    bold;
    color: blue;
}

.Head
{
    font-size:  20px;
    font-weight:    normal;
    color: #666644;
}

.SubHead
{
    font-size:  13px;
    color: Black;
    background-color:White

}

.SubHeadred
{
    font-size:  13px;
    color:White;
    background-color:Gray
}

.SubSubHead
{
    font-size:  15px;
    font-weight:    bold;
    color: black;
}

/* text style used for most text rendered by modules */

.Normal
{
    font-size: 17px;
    font-weight: bold;
    font-weight: bold;
    line-height: 12px;
    color:Black
}
.errmsgs
{
    font-size: 14px;
    font-weight: normal;
    font-weight: bold;
    color:Red
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
    font-size: 13px;
    font-weight: normal;
}

.NormalRed
{
    font-size: 11px;
    font-weight: bold;
    color: red
}

.NormalBold
{
    font-size: 11px;
    font-weight: bold
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
    font-size: 11px;
    font-weight: normal;
}

/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
    text-decoration:    underline;
    color: darkred;
}

A.CommandButton:visited  {
    text-decoration:    underline;
    color: darkred;
}

A.CommandButton:active   {
    text-decoration:    underline;
    color: darkred;
}

A.CommandButton:hover    {
    text-decoration:    underline;
    color: red;
}


/* GENERIC */
H1  {
    font-size:  20px;
    font-weight:    normal;
    color: #666644;
}

H2  {
    font-size:  20px;
    font-weight:    normal;
    color: #666644;
}

H3  {
    font-size:  12px;
    font-weight:    normal;
    color: darkred;
}

H4  {
    font-size:  12px;
    font-weight:    normal;
    color: darkred;
}

H5, DT  {
    font-size:  11px;
    font-weight:    bold;
    color: darkred;
}

H6  {
    font-size:  11px;
    font-weight:    bold;
    color: darkred;
}

TFOOT, THEAD    {
     font-size:  16px;
    font-weight:    normal;
    color: darkred;
}

TH  {
    vertical-align: baseline;
    font-size:  16px;
    font-weight:    normal;
    color: darkred;
}

SMALL
{
    font-size:  8px;
}

BIG
{
    font-size:  14px;
}

BLOCKQUOTE, PRE
{
}


UL LI
{
    list-style-type:    square ;
}

UL LI LI
{
    list-style-type:    disc;
}

UL LI LI LI
{
    list-style-type:    circle;
}

OL LI
{
    list-style-type:    decimal;
}

OL OL LI
{
    list-style-type:    lower-alpha;
}

OL OL OL LI
{
    list-style-type:    lower-roman;
}

HR
{
    color: dimgrey;
    height:1pt;
    text-align:left
}

.title_small_text{FONT-FAMILY::Times New Roman; FONT-SIZE: 12pt; COLOR: #7C003B; TEXT-DECORATION: none; FONT-WEIGHT: none;}
.title_text FONT-SIZE: 10pt; COLOR: #7C003B; TEXT-DECORATION: none; FONT-WEIGHT: bold;}
/* Normal Text */
.PagerStyle{ FONT-SIZE: 11pt; COLOR: #000000; TEXT-DECORATION: none; FONT-WEIGHT: regular;}

/*White color Text used for Search, etc*/
.white_text{ FONT-SIZE: 11pt; COLOR: #ffffff; TEXT-DECORATION: none; FONT-WEIGHT: bold; }
/*White color Text used for Search, etc*/
.error_text{ FONT-SIZE: 11pt; COLOR:Red; TEXT-DECORATION: none; FONT-WEIGHT: bold; }
/* Text Box Style */
.search_textbox {FONT-SIZE: 11pt
/* Text Box Style */


.input_textbox
{
    font-size: 10pt;
    color: #000000;
    border: solid;
    border-width: 1px;
    border-color: #B2A46C;
}

/*White color Text used for Search, etc*/
.whiteline{FONT-FAMILY: Tahoma; FONT-SIZE: 10pt; COLOR: #ffffff; TEXT-DECORATION: none; FONT-WEIGHT: regular;}

/* Footer Copyright*/
.datagridFooter{FONT-FAMILY: Tahoma; FONT-SIZE: 9pt; COLOR: #ffffff; TEXT-DECORATION: none; FONT-WEIGHT: regular;}

.datagridHeader
{
    font-size: 10pt;
    padding-right: 1px;
    color:#fae47e;
    text-decoration: none;
    font-weight: bold;
    background-image:url("images\top_center_img.gif");
    height: 30px;
    vertical-align: middle;
}


.datagridHeader a
{
    text-decoration: none;
    color:red;
}

.datagridHeader a:visited
{
    text-decoration:  none;
    color:red;
}

.datagridHeader a:active
{
    text-decoration: none;
    color:red;
}


.table_cell_heading
{
    font-size: 9pt;
    padding-right: 6px;
    color: #363636;
    text-decoration: none;
    font-weight: bold;
    background-color: #ECECEC;
    height: 30px;
    vertical-align: middle;
}

.table_cell_heading a
{
    text-decoration: none;
    color:#7B013C;
}

.table_cell_heading a:visited
{
    text-decoration:  none;
    color:#7B013C;
}

.table_cell_heading a:active
{
    text-decoration: none;
    color:#7B013C;
}

.table_heading_line
{
    background-color: #818181;
    height: 1px;
}

.datagridItem
{
    font-size: 13pt;
    padding-right: 2px;
    color:Maroon;
    text-decoration: none;
    font-weight: regular;
    background-color: #FFFBF2;
    height: 25px;
    vertical-align: middle;
}

.datagridAlternate
{
    font-size: 13pt;
    padding-right: 2px;
    color:Maroon;
    text-decoration: none;
    font-weight: regular;
    background-color: #FCF1DA;
    height: 25px;
    vertical-align: middle;
}


.datagridSelected
{
    font-size: 8pt;
    padding-right: 6px;
    color:Orange;
    text-decoration: none;
    font-weight: regular;
    background-color:#7C003B;
    height: 25px;
    vertical-align: middle;
}

.Grid
{
    padding-right: 1px;
    padding-left: 2px;
    vertical-align: middle;
    border-style: solid;
    border-width: 1px;
    border-color:Maroon;
}

.datagridFooter
{
    background-color:#C6C3C6;
    font-size:Larger;
    font-weight:bold;
    color:Black;
}

.PagerStyle
{
    font-size:medium;
    background-image:url("skins\img731.gif");
}

.datagridItem a
{
    text-decoration:    none;
    color:black;
}

datagridItem a:visited
{
    text-decoration:    none;
    color:black;
}

.datagridItem a:active
{
    text-decoration:    none;
    color:black;
}

.datagridAlternate a
{
    text-decoration:    none;
    color:black;
}

.datagridAlternate a:visited
{
    text-decoration:    none;
    color:black;
}

.datagridAlternate a:active
{
    text-decoration:    none;
    color:black;
}

.datagridSelected a
{
    text-decoration:    none;
    color:black;
}

.datagridSelected a:visited
{
    text-decoration:    none;
    color:black;
}

.datagridSelected a:active
{
    text-decoration:    none;
    color:black;
}

.datagridFooter a
{
    text-decoration:    none;
    color:black;
}

.datagridFooter a:visited
{
    text-decoration:    none;
    color:black;
}

.datagridFooter a:active
{
    text-decoration:    none;
    color:black;
}

.PagerStyle a
{
    text-decoration:    none;
    color:black;
}

.PagerStyle a:visited
{
    text-decoration:    none;
    color:black;
}

.PagerStyle a:active
{
    text-decoration:    none;
    color:black;
}

.menu
{
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    background-attachment: fixed;
    color: white;
    background-color: #993366;
}

.selmenu
{
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    background-image: url(images/tab_active_subtab.gif);
    background-repeat: repeat-x
}



/* INFORMATION BLOCK USING SPAN TAG */
span.error {
    display:block;
    line-height:1.3em;
    margin-right: auto;
    margin-left: auto;
    padding-right: 3.2em;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 1em;
}


span.error {
    border: 1px none #e17474;
    background-color: #ffdbdb;
    background-image: url(../images/icons/error.png);
    background-repeat: no-repeat;
    background-position: right 50%;
}

/* TABLE STYLING  */


.table1 {
    border: 1px solid #f4f5f6;
    border-collapse:collapse;
    margin-top: 1px;
    margin-bottom: 1px;
    font-size:1em;
    margin-right: auto;
    margin-left: auto;
    padding: 0px;
    width: 100%;
    font-weight:normal;
    color:#000000;
}
.table1  tbody  tr.green  td {
    background-color: #E4F9D2;
}
.table1   tbody   tr.red   td {
    background-color: #FED8CD;
}

.table1 th {
    background-image: url(images/bg1.gif);
    padding: 1px;
    font-size:1em;
    color:Maroon;
    font-weight: bold;
    border:1px solid #5B800C;
}
.table1    tbody  tr td  {
    background-color:#d1cab7;
    background-repeat: repeat-x;
    background-position: left bottom;
    border: 1px  solid #5B800C;
    padding:10px 4px;
    line-height: 25px;
}
.table1   tbody   tr:hover   td, .table1  tbody  tr:hover, .table1 tbody tr.alternate:hover td,
.table1 tbody tr.alternate:hover {
    background-color: #F8F4DA;
}

.table1 tbody tr.alternate td {
    background-color:Silver;
}

.table1 tbody tr td a {
    font-weight: bold;
    color: #234562;
    text-decoration: none;
}
.table1  tr.pager table, .table1 tr.pager table td
{
    border-collapse:separate;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    background-image: none;
}
.table1 tr.pager table td {
    margin: 0px;
    padding: 0px;
}

.table1   tr.pager table  td a {
    display: block;
    border: 1px solid #FFFFFF;
    padding-top: 3px;
    padding-right: 5px;
    padding-bottom: 3px;
    padding-left: 5px;
    margin: 3px;
    background-color: #ededed;


}
.table1 tr.pager table td a:hover {
    background-color: #CACCD0;
    color: #000000;
}


.table1    tr.pager table   td  span {
    display: block;
    border: 1px solid #FFFFFF;
    padding-top: 3px;
    padding-right: 5px;
    padding-bottom: 3px;
    padding-left: 5px;
    margin: 3px;
    background-color: #caccd0;


}
.table1 table, .table1 table th, .table1 table td, .table1 table tr td
{
    border:0px;
    background-image:none;
    margin: 0px;
    padding: 0px;
    background-color: transparent;
}