/* Theme Styles */
#tblMainContainer
{
    width: 100%;
}

.popupBody
{
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    font-size: 11px;
    font-style: normal;
    font-family: Tahoma;
    height: 100%;
    direction: rtl;
    background-image:none;
    background-color:#f3f3f3;
}
#divPopupMainContainer
{
    width: 100%;
    height: 100%;    
}

#divMainContainer
{
    width: 100%;
    height: 100%;
    background: #ffffff url(Images/body-bg.jpg) no-repeat center top;
}
#divTop
{
    background: transparent url(Images/Top-bg.png) repeat-x top right;
    width: 100%;
    height: 114px;
}
#divTopContainer
{
    width: 1000px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    min-height:110px;
}

#divTopContainer .head2
{
    font-weight: bold;
    font-size: 14px;
    font-style: normal;
    font-family: Times New Roman;
    text-decoration: none;
    color: #ffffff;
}
#divTopContainer .label
{
    color: #ffffff;
}

#divTopContainer a, #divTopContainer a:link, #divTopContainer a:visited, #divTopContainer a:active
{
    font-family: Tahoma;
    font-size: 11px;
    color: #999999;
    line-height: 15px;
    text-decoration: none;
}
#divTopContainer a:hover
{
    color: #ffffff;
    line-height: 15px;
    text-decoration: none;
}

#divTools
{
    float: left;
    text-align: left;
    background: transparent url(Images/Top-Menu-Bg.png) no-repeat bottom left;
    width: 365px;
    padding-bottom: 3px;
    position: absolute;
    top: 49px;
    left: 0px;
}

#divTools .innerTube
{
    float: left;
    padding-top:8px;
    padding-left:5px;   
}

#divThemeSelect
{
    float: right;
}

#divThemeSelect .label
{
    color: #ffffff;
    float: left;
}
#divSubdomainSelect
{    
    float:left;
}
#divDate
{
    width:220px;
    text-align:center;
    position:absolute;
    bottom:0px;
    right:0px; 
}

#divBackground
{
    padding-top: 0px;
    width: 100%;
}

#divCenter
{
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

#divRightContainer
{
    width: 220px;
    float: right;
    margin-left: 10px;
    height: 100%;
}

#divCenterContainer
{
    padding-bottom: 10px;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: 220px;
    min-height: 1200px;
}
* html #divCenterContainer
{
    height: 1200px;
}

#divBottom
{
    clear: both;
    width: 100%;
    padding: 0px;
    height: 65px;
    background-image:url(Images/Bottom-BG.png);
    background-repeat:repeat-x;
    color: #494b50;
}
#divBottomContent
{
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    padding-top: 10px;
}
#divBottomContent table
{
    float: left;
}

#divBottom .Footer
{
    color: #f1f1f1;
    font-family: Tahoma;
    font-size: 11px;
}
#divBottom .Copyright
{
    font-family: Tahoma;
    font-size: 12px;
    color: #494b50;
    padding: 0px;
}
#divBottom a:link, #divBottom a:visited, #divBottom a:active
{
    font-family: Tahoma;
    font-size: 11px;
    color: #dddddd;
    text-decoration: none;
}
#divBottom a:hover
{
    font-family: Tahoma;
    font-size: 11px;
    color: #222222;
    text-decoration: none;
    border-bottom: solid 1px #222222;
}

.widthSubdomain
{
    width: 220px;
}

#divLoginMain
{
    width: 100%;
    height: 100%;
    background: url('Images/Login/Body-Bg.jpg') no-repeat;
}

#divLoginLeft
{
}
#divLoginRight
{
}
#divLoginCenter
{
    width: 400px;
    vertical-align: top;
    height: 550px;
    background-repeat: no-repeat;
    background-position: center top;
    margin-left: auto;
    margin-right: auto;
}
#divLoginContainer
{
    margin-top: 5px;
    background-color: transparent;
    border-width: 0px;
    padding-right: 20px;
    padding-left: 20px;
}

#divLoginTitles
{
    height: 120px;
    width: 100%;
    text-align: center;
}
.LoginLogo
{
    margin-top: 20px;
    background-image: url(Images/Login/Sampa-Logo.png);
    width: 150px;
    height: 101px;
}

.copyright
{
    color: #000000;
    font-family: Tahoma;
    font-size: 11px;
    padding: 10px 10px 10px 10px;
}
a.copyright, a:link.copyright, a:visited.copyright, a:active.copyright
{
    font-family: Tahoma;
    font-size: 11px;
    color: #000000;
}
a:hover.copyright
{
    color: #000000;
    line-height: 15px;
}

/* End of Theme Styles */

html
{
    height: 100%;
}

body
{
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    font-size: 11px;
    font-style: normal;
    font-family: Tahoma;
    height: 100%;
    direction: rtl;
}

input[type="text"], input[type="file"], input[type="password"], textarea
{
    background-color:#e8ebee;
    border: 1px solid #aaaaaa;
    color: #333333;
    padding: 3px;
    font: normal 11px Tahoma;
}

input[type="text"]:focus, input[type="file"]:focus, input[type="password"]:focus, textarea:focus
{
    border: solid 1px #ff9600;
}

input[type="button"], input[type="submit"], input[type="reset"], .button
{
    border: 1px solid #d3d5d6;
    background-image: url(Images/Button_Bg.jpg);
    font: normal 11px Tahoma;
    padding: 4px 4px;
}
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, .button:hover
{
    border: 1px solid #babbbf;
    background-image: url(Images/Button_Bg_Over.jpg);
}
select
{
    border: 1px solid #aaaaaa;
    font: normal 11px Tahoma;
    padding: 2px 2px;
    background-color:#e8ebee;
}

hr
{
    height: 1;
    border-collapse: collapse;
    color: #888888;
    border-style: dashed;
    border-top: 0px;
}
.content a, .content a:link, .content a:visited, .content a:active
{
    font-family: Tahoma;
    font-size: 11px;
    color: #424141;
    line-height: 15px;
    text-decoration: none;
}
.content a:hover
{
    color: #605f5f;
    line-height: 15px;
    text-decoration: none;
}
a, a:link, a:visited, a:active
{
    text-decoration: none;
}


h1, .head1
{
    font-weight: normal;
    font-size: 15px;
    font-style: normal;
    font-family: Tahoma ,Times New Roman;
    text-decoration: none;
    color: #333333;
}
h2, .head2
{
    font-weight: bold;
    font-size: 14px;
    font-style: normal;
    font-family: Times New Roman;
    text-decoration: none;
    color: #333333;
}
h3, .head3
{
    font-weight: bold;
    font-size: 13px;
    font-style: normal;
    font-family: Times New Roman;
    text-decoration: none;
    color: #333333;
}

a.head3, a:link.head3, a:visited.head3, a:active.head3
{
    font-weight: bold;
    font-size: 13px;
    font-style: normal;
    font-family: Times New Roman;
    text-decoration: none;
    color: #692301;
}
a:hover.head3
{
    color: #000000;
}

a.head4, a:link.head4, a:visited.head4, a:active.head4
{
    font-weight: normal;
    font-size: 11px;
    font-style: normal;
    font-family: Tahoma, Times New Roman;
    text-decoration: none;
    color: #484848;
}
a:hover.head4
{
    color: #000000;
}

a.head2, a:link.head2, a:visited.head2, a:active.head2
{
    font-weight: bold;
    font-size: 14px;
    font-style: normal;
    font-family: Times New Roman;
    text-decoration: none;
    color: #692301;
}
a:hover.head2
{
    color: #000000;
}

a.head1, a:link.head1, a:visited.head1, a:active.head1
{
    font-weight: normal;
    font-size: 15px;
    font-style: normal;
    font-family: Tahoma, Times New Roman;
    text-decoration: none;
    color: #692301;
}
a:hover.head1
{
    color: #000000;
}


.label
{
    font-size: 11px;
    font-style: normal;
    font-family: Tahoma;
    text-decoration: none;
    color:#000000;
}
.tableheader
{
    background-image: url(Images/Header-Bg.png);
    background-position: bottom right;
    background-repeat: repeat-x;
    line-height: 26px !important;
    color: #333333;
    font-family: tahoma, times new roman;
    font-size: 12px;
    font-weight: normal;
}
.tableheader A:link, .tableheader A:active, .tableheader A:visited
{
    font-family: tahoma, Times New Roman;
    font-size: 13px;
    font-weight: normal;
    color: #333333;
    line-height:26px;
}
.tableheader A:hover
{
    font-family: tahoma, Times New Roman;
    font-size: 13px;
    font-weight: normal;
    color: #ed6d00;
}
.tableheaderlink
{
    color: #555555;
    font-family: tahoma, Times New Roman;
    font-size: 13px;
    font-weight: normal;
    line-height: 26px;
}
.tableitem
{
    background-image: url(Images/Black01.png);
    font-family: tahoma;
    font-size: 11px;
}
.tablealternateitem
{
    background-image: url(Images/Black10.png);
    font-family: tahoma;
    font-size: 11px;
}
.tablefooter
{
    background-image: url(Images/Black15.png);
    font-family: times new roman;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
}
.tableselecteditem
{
    font-family: Tahoma;
    font-size: 11px;
    background-image: url(Images/Black20.png);
}
.on
{
    background-image: url(Images/Orange50.png);
    font-size: 11px;
    font-style: normal;
    font-family: Tahoma;
    text-decoration: none;
}
.right a, .right a:link, .right a:visited, .right a:active
{
    font-family: Tahoma;
    font-size: 11px;
    color: #00478D;
}
.right a:hover
{
    color: #000000;
    line-height: 15px;
}



.shortcutButton
{
    width: 20px;
    height: 20px;
    vertical-align: top;
    background-color: #ffffff;
    color: #ffffff;
    border-right: #ffffff 1px solid;
    border-top: #ffffff 1px solid;
    border-left: #ffffff 1px solid;
    border-bottom: #ffffff 1px solid;
    font-family: Tahoma;
    font-size: 9px;
    padding-bottom: 0px;
}
.shortcutTextbox
{
    height: 15px;
    direction: ltr;
    background-color: #ffffff;
    border-right: #999999 1px solid;
    border-top: #999999 1px solid;
    border-left: #999999 1px solid;
    border-bottom: #999999 1px solid;
    font-family: Tahoma;
    font-size: 11px;
}


.hint
{
    color: #555555;
    font-family: Tahoma;
    font-size: 11px;
}



.userinfo
{
    color: #2e3438;
    font-family: tahoma, times new roman;
    font-size: 13px;
    font-weight: normal;
    line-height: 21px;
}
.datetimeinfo
{
    color: #000000;
    font-family: Tahoma;
    font-size: 11px;
    line-height: 21px;
}
.showdatetable
{
    border:solid 1px #909090;
    background-image:url(Images/Default12.png);
}

.pager
{
    font-family: verdana;
    font-weight: bold;
    font-size: 11px;
    color: #373737;
    direction: ltr;
}
.pager A:link, .pager A:active, .pager A:visited
{
    border-width: 1px;
    border-style: solid;
    border-color: #373737;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-family: verdana;
    font-size: 11px;
    text-decoration: none;
    color: #373737;
}
.pager A:hover
{
    border-width: 1px;
    border-style: solid;
    border-color: #373737;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-family: verdana;
    font-size: 11px;
    text-decoration: none;
    color: #ffffff;
    background-color: #ff7f0e;
}
.pager span
{
    color: #373737;
    padding-right: 5px;
    padding-left: 5px;
}
.dottedTable
{
    border: #888888 1px dotted;
}
.dbformprint
{
    font-family: Times New Roman,Tahoma;
    font-size: 13px;
    font-weight: bold;
    background-color: #F3F3F3;
    padding: 5px 10px 5px 10px;
}
.hand
{
    cursor: pointer;
}


.TicketheadMember
{
    padding: 5px;
    background-color: #c5ac51;
    font-family: tahoma;
    font-size: 11px;
    color: #FFFFFF;
    background-image: url(/sampa/image/ticketing/cnote-repeat.gif);
    background-repeat: repeat-x;
}
.TicketheadUser
{
    padding: 5px;
    background-color: #4eaac3;
    font-family: tahoma;
    font-size: 11px;
    color: #FFFFFF;
    background-image: url(/sampa/image/ticketing/lwnote-repeat.gif);
    background-repeat: repeat-x;
}
.TicketMember
{
    padding: 10px;
    background-color: #fce6bf;
    background-image: url(/sampa/image/ticketing/cnote-bg.gif);
    background-repeat: repeat-x;
    font-family: tahoma;
    font-size: 11px;
    color: #666666;
}
.TicketUser
{
    padding: 10px;
    background-color: #a2dcea;
    background-image: url(/sampa/image/ticketing/lwnote-bg.gif);
    background-repeat: repeat-x;
    font-family: tahoma;
    font-size: 11px;
    color: #666666;
}

caption
{
    background-image: url(Images/Header-Bg.png);
    background-position: bottom right;
    background-repeat: repeat-x;
    line-height: 25px !important;
    color: #333333;
    font-family: tahoma, times new roman;
    font-size: 12px;
    font-weight: normal;
}

.transdiv
{
    filter: alpha(opacity=80);
    -moz-opacity: .80;
    opacity: .80;
}

.tableborder
{
    border-right: #bababa 1px solid;
    border-top: #bababa 1px solid;
    border-left: #bababa 1px solid;
    border-bottom: #bababa 1px solid;
}
.hide
{
    display: none;
}

.moduleNormal
{
    background-color: transparent;
    cursor: pointer;
}
.moduleOver
{
    background-color: #f7f7f7;
    cursor: pointer;
}
.moduleTitle
{
    height: 30px;
}

.tableheaderselect
{
    background-color: #dadada;
    color: #333333;
    font-family: tahoma, times new roman;
    font-size: 11px;
    font-weight: normal;
    line-height: 19px;
}

.imageCaption
{
    font-family: Tahoma, Times New Roman;
    font-size: 12px;
    color: #ffffff;
    font-weight: normal;
}
.imageDescription
{
    font-family: Tahoma;
    font-size: 11px;
    color: #646464;
}

.linkButton
{
    background-image: url(../../image/fa/linkbg.gif);
    background-repeat: repeat-x;
    text-align: center;
    border-top: solid 1px #93a6b4;
    border-right: solid 1px #93a6b4;
    border-left: solid 1px #93a6b4;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
    padding-bottom: 5px;
    height: 22px;
}

.linkButton a:hover
{
    color: #FB6A00;
}

.formHint
{
    font-size: 10px;
    color: #8c8c8c;
    font-family: Tahoma;
}


.pagerCustomGrid
{
    font-family: tahoma;
    font-weight: bold;
    font-size: 11px;
    color: #373737;
    height: 15px;
}
A:link.pagerCustomGrid, A:active.pagerCustomGrid, A:visited.pagerCustomGrid
{
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-family: tahoma;
    font-weight: normal;
    font-size: 11px;
    text-decoration: none;
    color: #373737;
    background-color: #ffffff;
    height: 15px;
}
A:hover.pagerCustomGrid
{
    border-style: solid;
    border-color: #373737;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-family: tahoma;
    font-size: 11px;
    text-decoration: none;
    color: #ffffff;
    background-color: #ff9600;
    height: 15px;
}
.pagerCustomGrid span
{
    color: #373737;
    padding-right: 2px;
    padding-left: 2px;
    height: 15px;
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
}

.pagerNumberText
{
    font-size: 11px;
    font-family: tahoma;
    font-weight: normal;
    text-decoration: none;
    line-height: 18px;
    color: #373737;
    direction: rtl;
}

.pagerTextbox
{
    background-color: #ffffff;
    border-left: #373737 1px solid;
    border-bottom: #373737 1px solid;
    border-right: #373737 1px solid;
    border-top: #373737 1px solid;
    font-size: 11px;
    font-family: tahoma;
    color: #373737;
    margin: 0in 0cm 0px;
    width: 50px;
    text-align: center;
}
.pagerButton
{
    background-color: #333333;
    border-left: #2c5519 1px solid;
    border-bottom: #2c5519 1px solid;
    border-right: #2c5519 1px solid;
    border-top: #2c5519 1px solid;
    font-size: 11px;
    font-family: tahoma;
    color: #FFFFFF;
    height: 16px;
    line-height: 10px;
    width: 40px;
    height: 23px;
}
.pagerCustomGridCell
{
    direction: rtl;
}
.pagerCustomGridTable
{
    font-size: 11px;
    font-family: tahoma;
    font-weight: normal;
    border: solid 1px #cfcdcd;
    background-image: url(Images/Black15.png);
}

.pagerCustomGridCountTable
{
    direction: rtl;
}

.hidden
{
    display: none;
}

.factortable
{
    font-size: 13px;
    font-family: Zar;
}
.factorhead1
{
    font-weight: bold;
    font-size: 13px;
    color: #000000;
    font-family: TimesNewRoman;
    text-decoration: none;
}
.factorhead3
{
    font-weight: bold;
    font-size: 12px;
    color: #000000;
    font-family: Zar;
    text-decoration: none;
}



.LastMessageLabel
{
    color: #000000;
    font-family: tahoma;
    font-size: 11px;
}

.LastMessageSuccess table
{
    background-color: #edf7f1;
    border: 1px solid #00832d;
    font-family: Tahoma;
    font-size: 11px;
}

.LastMessageError table
{
    background-color: #fce1e0;
    border: 1px solid #881e1a;
    font-family: Tahoma;
    font-size: 11px;
}

.LastMessageInformation table
{
    background-color: #dbe5fa;
    border: 1px solid #3b58d2;
    font-family: Tahoma;
    font-size: 11px;
}

.LastMessageWarning table
{
    background-color: #fcf695;
    border: 1px solid #d8cc06;
    font-family: Tahoma;
    font-size: 11px;
}

.LastMessageUnKnown table
{
    background-color: #f0f0f0;
    border: 1px solid #8898a3;
    font-family: Tahoma;
    font-size: 11px;
}

.leftAlign
{
    text-align: left;
}

.rightAlign
{
    text-align: right;
}

.ltr
{
    direction: ltr;
}
.rtl
{
    direction: rtl;
}

.reverseAlign
{
    text-align: left;
}
.correctAlign
{
    text-align: right;
}

.pageView
{
    border-right: 1px solid #828282;
    border-left: 1px solid #828282;
    border-bottom: 1px solid #828282;
    border-top: none;
    margin-top:0px;
    min-height: 300px;
    background-color:#ffffff;
    padding:10px;
}
* html .pageView
{
    height: 300px;
}

.redlabel
{
    color: Red;
}

.projectControlPageView
{
    border: 1px solid #898c95;
    border-top: none;
    background-color: #ffffff;
    min-height: 700px;
}
* html .projectControlPageView
{
    height: 700px;
}

.mainIP
{
    font-weight: bold;
    font-size: 11px;
    font-style: normal;
    font-family: tahoma;
    text-decoration: none;
    color: #333333;
    background-color: #b8bec4;
}
.mainIPLabel
{
    width:20px;
    background-color: #b8bec4;
    border:solid 1px #9ca2a8;
}

.Center
{
    margin-left: auto;
    margin-right: auto;
}

.TopCountSelector a, .TopCountSelector a:link, .TopCountSelector a:visited, .TopCountSelector a:active
{
}

.TopCountSelector a.Selected, .TopCountSelector a.Selected:link, .TopCountSelector a.Selected:visited, .TopCountSelector a.Selected:active
{
    color: #692301;
    font-weight: bold;
    font-size: 12px;
}

.TopCountSelector span.Title
{
    display: block;
    float: right;
    text-align: left;
}

.grid
{
    border-collapse: separate;
}

.nowrap
{
    white-space: nowrap;
}

.FormGeneratorMainTable
{
    min-width: 1500px;
}
* html .FormGeneratorMainTable
{
    width: 1500px;
}

.ltrTextbox
{
    direction: ltr;
}

.table
{
    border-collapse: separate;
    border-spacing: 1px;
}
.table td,
.table th
{
    padding: 2px;    
}

.creditUnitHint
{
	font:16px verdana,"times new roman",arial,sans-serif;
    font-weight: bold;
}

.creditDeposit
{
    direction: ltr;
    color: green;
    font-weight: bold;
    font-size: 12px;
}

.creditWithdrawal
{
    direction: ltr;
    color: red;
    font-weight: bold;
    font-size: 12px;
}

.creditBalance
{
    direction: ltr;
    color: black;
    font-weight: bold;
    font-size: 12px;
}

.creditNoteBox
{
    border:solid 1px #d56a00; 
    background-color:#fae29b;
}

.searchTable
{
    border:solid 1px #999999;
    background-color:#e3e3e3;
}

.generalTable
{
    background-image:url(Images/Default12.png);
    border:solid 1px #909090;
}

.generalRow
{
    background-color:#cbced3;
}

.noItemTable
{
    background-color:#f3f3f3;
    border-bottom: #9da5ab 1px solid; 
    border-left: #9da5ab 1px solid; 
    border-top: #9da5ab 1px solid;
    border-right: #9da5ab 1px solid;    
}

.currentDate
{
    font-family: Tahoma;
    font-size: 11px;
    color: #424141;
    line-height: 15px;
    text-decoration: none;  
}

A.toolTip 
{ 
    text-decoration: none;
} 
A.toolTip:hover 
{ 
    position: relative;
} 
A.toolTip SPAN     
{
    display: none; 
} 
A.toolTip:hover SPAN 
{            
    display: block;     
    position: absolute;   
    z-index: 100;     
    left: 0px; 
    bottom:17px;
    margin: 0px;      
    padding:0px;          
    height:25px;          
    text-decoration: none;  
} 

.outerTab
{
    position:absolute;
}
.innerVerticalTab
{
    position:relative;
    right:161px;
    border-top:solid 1px #828282;
}