/* 
   The below CSS file was built using samples + techniques described by Rachel Andrew in her book:
   The CSS Anthology: 101 Essential Tips, Tricks & Hacks
*/

/* Overall Page */

body {
	margin: 0;
	padding-bottom: 2em;
	background-color: #FFFFFF;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	border-top: 2px solid #B51032;
	font-weight: 700;
}

/* Header Section */

#header {
	border-top: 3px solid #B51032 ;
	border-bottom:  1px dotted #B51032;
	height: 3em;
}
#header .title {
	font: 190% Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
	color: black;
	background-color: transparent;
	float: left;
	margin-right: 2em;
	margin-top: 0.3em;
	margin-left: .8em;
	width: 205px;
}
#header .breadcrumb {
	font: 90% Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
	color: black;
	background-color: transparent;
	float: right;
	margin-right: 2em;
	margin-top: 0.8em;
	font-weight:bold;
}

#header a:link, a:visited  {
	color: #B51032;
}

/* Footer */

#footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1.5em;
	background-color: #B51032;
	color: #FFFFFF;
	border-top: #778899;
	text-align: center;
}

#footer a:link, #footer a:visited {
	padding: 0.8em 1em 0.5em 1em;
	color: #FFFFFF;
	background-color: transparent;
	font-size: 80%;
}


/* Navigation */

#navigation {
	width: 200px;
	top: 5em;
	left: 1em;
	width: 13em;	
	position:absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size:90%;
}
#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#navigation li {
	border-bottom: 1px solid #ED9F9F;
}
#navigation li a:link, #navigation li a:visited  {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 12px solid #711515;
	border-right: 1px solid #711515;
	background-color: #B51032;
	color: #FFFFFF;
	text-decoration: none;
}
#navigation li a:hover {
	background-color: #711515;
	color: #FFFFFF;
}
#navigation ul ul {
	margin-left: 12px;
}
#navigation ul ul li {
	border-bottom: 1px solid #711515;
	margin:0;
}
#navigation ul ul a:link, #navigation ul ul a:visited {
	background-color: #ED9F9F;
	color: #711515;
}
#navigation ul ul a:hover {
	background-color: #711515;
	color: #FFFFFF;
}

/* Main Content */

#content 
{
	margin-top:1em;
	margin-left: 16em;
	margin-right: 2em;
}
h1 {
	font: 120% Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
}
#content p {
	font-size: 80%;
	line-height: 1.6em; 
}
.tombol
{
	border-left: medium solid #000000;
	border-right: 1px none #000000;
	border-top: 1px none #000000;
	border-bottom: 1px solid #000000;
	padding: 1px;
	font-family: Arial, Helvetica, sans-serif;
		background-color: #C0C0C0;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 2px;
}
.infoLabel
{
	font-size: small;
	color: #0000FF;
	border-width: 1px;
}
.Text{
        font-family: Verdana, Arial, Sans-serif, 'Times New Roman';
        font-size: 10pt;
        font-weight: normal;
        font-style: normal;
        color: #333333;
        text-decoration: none;
}
.toolTip {
        font-family: Verdana, Arial, Sans-serif, 'Times New Roman';
        font-size: 10pt;
        /*filter:alpha(opacity=80);
        -moz-opacity: 0.8;
        opacity: 0.8;
        /* comment the above 3 line if you don't want transparency*/
}
.tabelGrid
{
	background-color: #FFFFFF;
	border-color: #CCCCCC;
	border-width: 1px;
	font-size: small;
	border-collapse: collapse;
	font-family: Calibri;
	font-style: normal;
	font-weight: normal;
}
.GridViewStyle
{
	border-right: 2px solid #A7A6AA;
	border-bottom: 2px solid #A7A6AA;
	border-left: 2px solid white;
	border-top: 2px solid white;
	padding: 4px;
	font-size: small;
	font-family: Calibri;
	font-style: normal;
	color: #333333;
	
}
/*
<asp:GridView ID="GridView1" runat="server" AllowPaging="True" 
            AllowSorting="True" BorderStyle="Solid" 
            CellPadding="4" DataSourceID="dsSMSMasuk" Font-Bold="False" Font-Size="X-Small" 
            ForeColor="#333333" GridLines="Vertical" EmptyDataText="Data Kosong" 
            AutoGenerateColumns="False">

            <FooterStyle BackColor="#990000" Font-Bold="True" ForeColor="White" />
            <RowStyle BackColor="#FFFBD6" ForeColor="#333333" />

            <PagerStyle BackColor="#FFCC66" ForeColor="#333333" HorizontalAlign="Center" />
            <SelectedRowStyle BackColor="#FFCC66" Font-Bold="True" ForeColor="Navy" />
            <HeaderStyle BackColor="#990000" Font-Bold="True" ForeColor="White" />
            <AlternatingRowStyle BackColor="White" />
            
            <Columns>




*/

.GridViewStyle a
{
    color: #FFFFFF;
}

.GridViewHeaderStyle th
{
    border-left: 1px solid #EBE9ED;
    border-right: 1px solid #EBE9ED;
}

.GridViewHeaderStyle
{
    background-color: #990000;
    font-weight: bold;
    font-size :small  ;
    color: White;
    
}

.GridViewFooterStyle
{
	border: thin solid #000000;
	background-color: #CCCCCC;
	font-weight: bold;
	color: White;
}

.GridViewRowStyle
{
    background-color: #F7F6F3;
    color: #333333;
    font-weight:normal ;
    
}

.GridViewAlternatingRowStyle
{
	background-color: #FFFFFF; /*    color: #284775;  */
	font-weight :normal ;
}

.GridViewRowStyle td, .GridViewAlternatingRowStyle td
{
    border: 1px solid #EBE9ED;
    background-color :#FFFBD6;
    color:#333333;
   
}
.GridViewAlternatingRowStyle td
{
	border: 1px solid #EBE9ED;
	background-color: #FFFFFF;
	color: #333333;
}

.GridViewSelectedRowStyle
{
	background-color: #FFCC66;
	font-weight: bold;
	color: #000080;
}

.GridViewPagerStyle
{
    background-color: #FFCC66;
    color: #333333;
}

.GridViewBoundField
{    
    font-size:   small;
    font-family: Calibri ;
	font-style: normal;
	font-weight :normal ;

}

.GridViewBoundFieldHyperlink
{    
    font-size:   small;
    font-family: Calibri ;
	font-style: normal;
	font-weight :normal ;
	text-align :center ;
	color :Blue ;

}
.GridViewPagerStyle table /* to center the paging links*/
{
    margin: 0 auto 0 auto;
}

.tabelContent
{
	font-size: small;
	font-weight: normal;
	/*width:80%;*/

}
.PageTitle
{
	font-size: x-large;
	font-weight: bold;
	color: #990000;
	text-align: left;
	word-spacing: normal;
	letter-spacing: 11px;
	text-decoration: underline overline;
}
.textBoxBesar
{
	font-size: medium;
	border: 1px solid #000000;
	}
.validationText
{
	font-size: x-small;
	font-weight: lighter;
	font-style: normal;
	color: #FF0000;
}
.textBoxTanpaBox
{
	font-size: medium;
	border: 1px none #000000;
	text-align: left;
}
/* EXTRA STYLES */

p.alert, .alert 
{
	font-size: medium;
	background: #f8bda9 url(images/exc.png) no-repeat 15px 50%; /* x-pos y-pos */
    text-align: left;
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #FF0000;
    border-bottom: 2px solid #FF0000;
	color: #57060a;
}


p.info, .info {
    background: #b9cce5 url(images/info.png) no-repeat 15px 50%; /* x-pos y-pos */
    text-align: left;
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #466eae;
    border-bottom: 2px solid #466eae;
	color: #000;
}
p.warn, .warn {
    background: #faffb5 url(images/warn.png) no-repeat 15px 50%; /* x-pos y-pos */
    text-align: left;
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #F7D229;
    border-bottom: 2px solid #F7D229;
	color: #463b0b;
}
.HelpTitle
{
	font-size: x-large;
	font-weight: bold;
	color: #990000;
	text-align: left;
	word-spacing: normal;
	letter-spacing: normal;
	text-decoration: underline overline;
}
.blinkInfo
{
	font-size: small;
	color: #FF0000;
	border-width: 1px;
	text-decoration: blink;
}
/* Datagrid Table */
table.tbl { width: 100%; border: 2px solid #c3daf9; font-size: 0.9em; clear: both; }
td.tbl-header { background: url(/images/head_bg.gif); text-align: center; padding: 3px; font-weight: bold; border-bottom: 2px solid #c3daf9; }
tr.tbl-footer {}
table.tbl-footer { font-size: 1em; }
tr.tbl-row {}
tr.tbl-row:hover { background: #EBFFFF; } /* Old color: #E9E9E9 */
tr.tbl-row-even { background: #f4f4f4; }
tr.tbl-row-odd { background: white; }
tr.tbl-row-highlight:hover { background: #fffba6; cursor: pointer; }
td.tbl-nav { background: url(/images/head_bg.gif); height: 20px; border-top: 2px solid #c3daf9; color: #4D4D4D; }
td.tbl-pages { text-align: center; }
td.tbl-row-num { text-align: right; }
td.tbl-cell {}
td.tbl-controls { text-align: center; }
td.tbl-found {}
td.tbl-checkall {}
td.tbl-page { text-align: right; }
td.tbl-noresults { font-weight: bold; color: #9F0000; height: 45px; text-align: center; }
span.tbl-reset { margin: 5px 5px; }
img.tbl-reset-image { margin-right: 5px; border: 0; }
span.tbl-create { margin: 5px 0; }
img.tbl-create-image { margin-right: 5px; border: 0; }
div.tbl-filter-box {}
img.tbl-arrows { border: 0; }
img.tbl-order-image { margin: 0 2px; border: 0; }
img.tbl-filter-image { border: 0; }
img.tbl-control-image { border: 0; }
span.page-selected { color: black; font-weight: bold; }
input.tbl-checkbox {}