/***********************************************************************************************************************
	Copyright (c) 2007 PT Profescipta Wahanatehnik. All Rights Reserved.
	This software, all associated documentation, and all copies
	DESCRIPTION

	CUSTOM STANDARD WEB / APPLICATIONS STYLESHEET
	Author		: Gilang Gumilar
	Editor		: Ervan Erfian
	Last UpDate	: June 17th 2008
	Company		: PT Profescipta WahanaTehnik
***********************************************************************************************************************/




/*=================================================================
	Custom Style for Master Pages
===================================================================*/
.PageContent 
{
    padding: 0px 5px 0px 5px;
    margin: 0px 5px 0px 5px;
}
.Brand
{
    font-size: 30px;
    font-weight: bold;
    color: #336699;
    padding: 0px 0px 0px 0px;
    font-family: Trebuchet MS;
}
.Tagline
{
    font-size: 16px;
    color: #000000;
    padding: 100px 0px 100px 0px;
    font-family: Trebuchet MS;
}
.Title
{
    font-size: 20px;
    font-weight: bold;
    color: #FF9900;
    padding: 0px 0px 5px 0px;
    margin: 10px 0 20px 0;
    font-family: Verdana, Arial;
    border-bottom: 2px solid #FF9900;
}

.TitlePopUp
{
    font-size: 15px;
    font-weight: bold;
    color: #C50B19;
    padding: 0px 0px 5px 0px;
    margin: 5px 0 5px 0;
    font-family: Verdana, Arial;
    border-bottom: 1px solid #C50B19;
}
.Welcome
{
    font-size: 14px;
    color: #336699;
    padding: 0px 10px 0px 0px;
    font-family: Trebuchet MS;
}
.footer_bg
{
    background: url(images/background/footer_bg.jpg) repeat-x;
}
.footer_title
{
    font-size: 11px;
    color: #336699;
    padding: 0px 10px 0px 0px;
    font-family: Arial;
}
.Filter
{
    padding: 0px 30px 0px 30px;
    font-family: Arial, Verdana, "Trebuchet MS";
    font-size: 11px;
}
.header_bg
{
    background: #fff url(images/background/header_bg.jpg) repeat-x;
}

/*=================================================================
	Custom Style for ASP.Net Control
===================================================================*/
.HyperlinkPackageList:link
{
    font-family: Arial, Verdana, "Trebuchet MS";
    font-size: 11px;
    color: #abf2ff;
    text-decoration: none;
}
.HyperlinkPackageList:visited, HyperlinkPackageList:active
{
    font-family: Arial, Verdana, "Trebuchet MS";
    font-size: 11px;
    color: #abf2ff;
    text-decoration: none;
}
.HyperlinkPackageList:hover
{
    font-family: Arial, Verdana, "Trebuchet MS";
    font-size: 11px;
    color: #3ac9e3;
    text-decoration: underline;
}

.LabelPackageDate
{
    font-family: Arial, Verdana, "Trebuchet MS";
    font-size: 11px;
    font-weight: bold;
    color: #04b5e9;
}
.LabelPackageList
{
    font-family: Arial, Verdana, "Trebuchet MS";
    font-size: 11px;
    color: #abf2ff;
}
.LabelErrorMessage
{
    font-family: Arial, Verdana, "Trebuchet MS";
    font-size: 11px;
    color: red;
}
.LabelTaglineQuote
{
    font-family: Arial Black;
    font-size: 22px;
    font-style: italic;
    vertical-align: bottom;
    padding-right: 100px;
    color: black;
    text-decoration: none;
}

.LabelTitledPage
{
	font-family: Verdana;
	font-size:14px;
	color:Silver; 
	font-style:normal;  
	font-weight:bold; 
}
.LabelValidation
{
    font-family: Arial, Verdana, "Trebuchet MS";
    font-size: 11px;
    color: red;
}
.Overflow
{
    height: 125px;
    overflow: scroll;
    overflow-x: hidden;
    border-left: solid 0px #C1C1C1;
    border-right: solid 1px #5f81b7;
    scrollbar-arrow-color: #5f81b7;
    scrollbar-base-color: #012765;
    scrollbar-darkshadow-color: #5f81b7;
    scrollbar-face-color: #01378d;
    scrollbar-highlight-color: #5f81b7;
    scrollbar-shadow-color: #000000;
}

/*=================================================================
	Custom Style for Menu
===================================================================*/
.MainMenu
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
.BgMenu
{
    background: url(images/pages/bg_menu.gif);
}


/*=================================================================
	Custom Style for Button
===================================================================*/
.BgOuterButton
{
    background: url(images/pages/bg_menu.gif);
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
}
.BgInnerButton
{
}
.BgInnerButton:hover
{
    display: block;
    background: #b2cdee;
}
.ButtonNew
{
    background: #E2E2E2 url(images/icons/icon_new.png) no-repeat;
    background-position: 5px center;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 25px;
    vertical-align: middle;
    font-family: Trebuchet MS;
    font-size: 11px;
    font-weight: bold;
    cursor: hand;
    height: 25px;
    border: solid 1px Gray;
}
.ButtonLogin
{
    background: #E2E2E2 url(images/icons/icon_login_32.png) no-repeat;
    background-position: 5px center;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 30px;
    vertical-align: middle;
    font-family: Trebuchet MS;
    font-size: 14px;
    font-weight: bold;
    cursor: hand;
    height: 60px;
    width: 125px;
    border: solid 1px Gray;
}
.ButtonSave
{
    background: #E2E2E2 url(images/icons/icon_ok_32.png) no-repeat;
    background-position: 5px center;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 30px;
    vertical-align: middle;
    font-family: Trebuchet MS;
    font-size: 14px;
    font-weight: bold;
    cursor: hand;
    height: 40px;
    width: 100px;
    border: solid 1px Gray;
}
.ButtonProses
{
    background: #E2E2E2 url(images/icons/icon_ok_32.png) no-repeat;
    background-position: 5px center;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 30px;
    vertical-align: middle;
    font-family: Trebuchet MS;
    font-size: 14px;
    font-weight: bold;
    cursor: hand;
    height: 40px;
    width: 100px;
    border: solid 1px Gray;
}
.ButtonCancel
{
    background: #E2E2E2 url(images/icons/icon_cancel_32.png) no-repeat;
    background-position: 5px center;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 30px;
    vertical-align: middle;
    font-family: Trebuchet MS;
    font-size: 14px;
    font-weight: bold;
    cursor: hand;
    height: 40px;
    width: 100px;
    border: solid 1px Gray;
}
.ButtonExit
{
    background: #E2E2E2 url(images/icons/exit.png) no-repeat;
    background-position: 5px center;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 30px;
    vertical-align: middle;
    font-family: Trebuchet MS;
    font-size: 14px;
    font-weight: bold;
    cursor: hand;
    height: 40px;
    width: 100px;
    border: solid 1px Gray;
}
.ButtonSearch
{
    background: #E2E2E2 url(images/icons/icon_search.png) no-repeat;
    background-position: 5px center;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 25px;
    vertical-align: middle;
    font-family: Trebuchet MS;
    font-size: 11px;
    font-weight: bold;
    height: 28px;
    border: solid 1px Gray;
}
.ButtonReset
{
    background: #E2E2E2 url(images/icons/icon_reset.png) no-repeat;
    background-position: 5px center;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 25px;
    vertical-align: middle;
    font-family: Trebuchet MS;
    font-size: 11px;
    font-weight: bold;
    height: 28px;
    border: solid 1px Gray;
}
.ButtonExport
{
    background: #E2E2E2 url(images/icons/icon_excel.png) no-repeat;
    background-position: 5px center;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 25px;
    vertical-align: middle;
    font-family: Trebuchet MS;
    font-size: 11px;
    font-weight: bold;
    height: 28px;
    border: solid 1px Gray;
}
.ButtonExportPdf
{
    background: #E2E2E2 url(images/icons/icon_pdf.png) no-repeat;
    background-position: 5px center;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 25px;
    vertical-align: middle;
    font-family: Trebuchet MS;
    font-size: 11px;
    font-weight: bold;
    height: 28px;
    border: solid 1px Gray;
}
.ButtonPurge
{
    background: #E2E2E2 url(images/icons/icon_delete.png) no-repeat;
    background-position: 5px center;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 25px;
    vertical-align: middle;
    font-family: Trebuchet MS;
    font-size: 11px;
    font-weight: bold;
    height: 28px;
    border: solid 1px Gray;
}
.ButtonPrint
{
    background: #E2E2E2 url(images/icons/icon_print32.png) no-repeat;
    background-position: 5px center;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 40px;
    vertical-align: middle;
    font-family: Trebuchet MS;
    font-size: 14px;
    font-weight: bold;
    height: 40px;
    border: solid 1px Gray;
}
.ButtonBack
{
    background: #E2E2E2 url(images/icons/icon_back_32.png) no-repeat;
    background-position: 5px center;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 40px;
    vertical-align: middle;
    font-family: Trebuchet MS;
    font-size: 14px;
    font-weight: bold;
    height: 40px;
    border: solid 1px Gray;
}
.ButtonNext
{
    background: #E2E2E2 url(images/icons/icon_next_32.png) no-repeat;
    background-position: right;    
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 5px;
    vertical-align: middle;
    font-family: Trebuchet MS;
    font-size: 14px;
    font-weight: bold;
    height: 40px;
    border: solid 1px Gray;
}
.ButtonClose
{
    background: #E2E2E2 url(images/icons/close.png) no-repeat;
    background-position: 5px center;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 40px;
    vertical-align: middle;
    font-family: Trebuchet MS;
    font-size: 14px;
    font-weight: bold;
    height: 40px;
    border: solid 1px Gray;
}
.ButtonUp
{
    background: #E2E2E2 url(images/icons/icon_up.png) no-repeat;
    background-position: 5px center;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 25px;
    vertical-align: middle;
    font-family: Trebuchet MS;
    font-size: 11px;
    font-weight: bold;
    height: 28px;
    border: solid 1px Gray;
}
.ButtonDown
{
    background: #E2E2E2 url(images/icons/icon_down.png) no-repeat;
    background-position: 5px center;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 25px;
    vertical-align: middle;
    font-family: Trebuchet MS;
    font-size: 11px;
    font-weight: bold;
    height: 28px;
    border: solid 1px Gray;
}
.ButtonCollapse
{
    background: #E2E2E2 url(images/icons/icon_collapse.png) no-repeat;
    background-position: 5px center;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 25px;
    vertical-align: middle;
    font-family: Trebuchet MS;
    font-size: 11px;
    font-weight: bold;
    height: 28px;
    border: solid 1px Gray;
}
.ButtonExpand
{
    background: #E2E2E2 url(images/icons/icon_expand.png) no-repeat;
    background-position: 5px center;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 25px;
    vertical-align: middle;
    font-family: Trebuchet MS;
    font-size: 11px;
    font-weight: bold;
    height: 28px;
    border: solid 1px Gray;
}
.ButtonFollowup
{
    background: #E2E2E2 url(images/icons/icon_edit.png) no-repeat;
    background-position: 5px center;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 25px;
    vertical-align: middle;
    font-family: Trebuchet MS;
    font-size: 11px;
    font-weight: bold;
    height: 28px;
    border: solid 1px Gray;
}
/*.button
{
    background-position: 5px center;
    padding-top: 1px;
    padding-bottom: 1px;
    vertical-align: middle;
    font-family: Trebuchet MS;
    font-size: 11px;
    font-weight: bold;
    height: 28px;
    border: solid 1px Gray;
}
*/
.ButtonFollowup:hover,
.ButtonBack:hover,
.ButtonNext:hover,
.ButtonUp:hover,
.ButtonDown:hover,
.ButtonCollapse:hover,
.ButtonExpand:hover,
.ButtonPrint:hover,
.ButtonExport:hover,
.ButtonPurge:hover,
.ButtonReset:hover,
.ButtonSearch:hover, 
.ButtonNew:hover, 
.ButtonLogin:hover, 
.ButtonSave:hover, 
.ButtonProses:hover,
.ButtonCancel:hover
{
    cursor: pointer;
    border: solid 1px Gray;
    background-color: #A7EB90;
}

/*=================================================================
	Custom Style for Login
=================================================================*/
.LoginStatus
{
    font-family: Trebuchet MS;
    font-size: 11px;
    color: white;
    text-align: center;
    background: url(images/background/bg_login_status.jpg) left top repeat-x;
    border: solid 1px gray;
    width: 500px;
}
.LoginField
{
    font-family: Trebuchet MS;
    font-size: 14px;
    color: black;
}

/*=================================================================
	Custom style for different styles in each hierarchy level of radgrid
=================================================================*/

/* Grid Level 1 **********************************/
.GridHeader_Outlook2007_Level1 a
{
    text-decoration: none;
    color: WindowText;
}

.GridHeader_Outlook2007_Level1
{
    background: url(images/pages/grid_level1/headerBg.gif) left bottom repeat-x !important;
}

.GridHeader_Outlook2007_Level1 span
{
    text-decoration: none;
    color: WindowText;
    cursor: default;
}

.GridRow_Outlook2007_Level1 td, .GridAltRow_Outlook2007_Level1 td, .GridEditRow_Outlook2007_Level1 td, .SelectedRow_Outlook2007_Level1 td
{
    border-bottom: 1px solid #BDF8D0;
}

/* IE6 can't use bottom borders, because they remain visible when collapsing groups of rows */
* html .GridRow_Outlook2007_Level1 td, * html .GridAltRow_Outlook2007_Level1 td, * html .GridEditRow_Outlook2007_Level1 td
{
    border-bottom: 0;
}
* html .GridRow_Outlook2007_Level1, * html .GridAltRow_Outlook2007_Level1, * html .GridEditRow_Outlook2007_Level1
{
    background: url(images/pages/grid_level1/borderbottom.gif) left bottom repeat-x;
}

.GridRow_Outlook2007_Level1
{
    background: #EFFBF3 !important;
}
.GridAltRow_Outlook2007_Level1
{
    background: #CEFBDD !important;
}

.SelectedRow_Outlook2007_Level1
{
    background: #2FED6E !important;
}
.GridPager_Outlook2007_Level1
{
    background: #c0dbff url(images/pages/grid_level1/pagerBg.gif) repeat-x;
    color: WindowText;
    cursor: default;
}

.GridPager_Outlook2007_Level1 .PagerPanel *
{
    vertical-align: middle;
}

.GridPager_Outlook2007_Level1 td
{
    padding-top: 3px;
    padding-bottom: 3px;
}


/* Grid Level 2 **********************************/
.GridHeader_Outlook2007_Level2 a
{
    text-decoration: none;
    color: WindowText;
}

.GridHeader_Outlook2007_Level2
{
    background: url(images/pages/grid_level2/headerBg.gif) left bottom repeat-x !important;
}

.GridHeader_Outlook2007_Level2 span
{
    text-decoration: none;
    color: WindowText;
    cursor: default;
}

.GridRow_Outlook2007_Level2 td, .GridAltRow_Outlook2007_Level2 td, .GridEditRow_Outlook2007_Level2 td, .SelectedRow_Outlook2007_Level2 td
{
    border-bottom: 1px solid #F2F9AE;
}

/* IE6 can't use bottom borders, because they remain visible when collapsing groups of rows */
* html .GridRow_Outlook2007_Level2 td, * html .GridAltRow_Outlook2007_Level2 td, * html .GridEditRow_Outlook2007_Level2 td
{
    border-bottom: 0;
}
* html .GridRow_Outlook2007_Level2, * html .GridAltRow_Outlook2007_Level2, * html .GridEditRow_Outlook2007_Level2
{
    background: url(images/pages/grid_level2/borderbottom_.gif) left bottom repeat-x;
}

.GridRow_Outlook2007_Level2
{
    background: #F6F9D9 !important;
}

.GridAltRow_Outlook2007_Level2
{
    background: #F3FBAE !important;
}

.SelectedRow_Outlook2007_Level2
{
    background: #000 !important;
}
.GridPager_Outlook2007_Level2
{
    background: #c0dbff url(images/pages/grid_level2/pagerBg.gif) repeat-x;
    color: WindowText;
    cursor: default;
}
.GridFooter_Outlook2007_Level2
{
    background: #ccc;
    font-weight: bold;
}
.GridPager_Outlook2007_Level2 .PagerPanel *
{
    vertical-align: middle;
}

.GridPager_Outlook2007_Level2 td
{
    padding-top: 3px;
    padding-bottom: 3px;
}


/*=================================================================
	Custom Style for Login
=================================================================*/
.AccessRightHeaderTitle
{
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 12px;
	font-weight:bold;
	color:#000;
	vertical-align:middle;
	height:30px;
	background-color: #E2E2E2;
	padding-left:5px;
}
.AccessRightHeaderCheckbox
{
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 12px;
	font-weight:bold;
	color:#000;
	vertical-align:middle;
	width:70px;
	padding-right:10px;
	background-color: #A7EB90;
}
.AccessRightDetailTitle
{
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 11px;
	color:#000;
	vertical-align:middle;
}
.AccessRightDetailCheckbox
{
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 11px;
	color:#000;
	vertical-align:middle;
}