/************************************************************************
		DOT GLobal Style
		Created by 	: Edben L. Matining
		Company		: Indra Software Labs Philippines
*************************************************************************/
/*
5A93EF --> 4c4c4c
C2DCFF --> 7f7f7f
3764A0 --> 333333
E5F1FF --> e5e5e5
HeaderTD_bg --> DOTHeaderTD_bg
*/

/* 	Grid Layout  																		
*************************************************************************/
.table_header{
	 background-image:url('/Style Library/Images/philippines_header_bg.png');
	 background-repeat:repeat-x;
}

.gridTitle{
	background-image: url(images/gridIcon.gif);
	background-repeat: no-repeat;
	padding-left: 50px;
	color:#4c4c4c;
	font-size:11pt;
	font-family:tahoma,sans-serif;
	font-weight: bold;
	padding-bottom:5px;
	border-bottom: 1pt solid #7f7f7f;
	height: 40px;
	margin-bottom: 5px;
	width: 100%;
}

.gridTitleEvent{
	background-image: url(images/gridIcon.gif);
	background-repeat: no-repeat;
	padding-left: 50px;
	color:#5A93EF;
	font-size:11pt;
	font-family:tahoma,sans-serif;
	font-weight: bold;
	padding-bottom:5px;
	border-bottom: 1pt solid #C2DCFF;
	height: 40px;
	margin-bottom: 5px;
	width: 100%;
}

.gridTitleEvent p{
	font-size: 8pt;
	font-weight: normal;
	color: #4C4C4C;
	margin-top: 1px;
}




.gridTitleFestivities{
	background-image: url(images/festivities.gif);
	background-repeat: no-repeat;
	padding-left: 50px;
	color:#4c4c4c;
	font-size:11pt;
	font-family:tahoma,sans-serif;
	font-weight: bold;
	padding-bottom:5px;
	border-bottom: 1pt solid #7f7f7f;
	height: 40px;
	margin-bottom: 5px;
	width: 100%;
}

.gridTitleArchives{
	background-image: url(images/archives.gif);
	background-repeat: no-repeat;
	padding-left: 50px;
	color:#4c4c4c;
	font-size:11pt;
	font-family:tahoma,sans-serif;
	font-weight: bold;
	padding-bottom:5px;
	border-bottom: 1pt solid #7f7f7f;
	height: 40px;
	margin-bottom: 5px;
	width: 100%;
}

.gridTitleEvents{
	background-image: url('images/events.gif');
	background-repeat: no-repeat;
	padding-left: 50px;
	color:#4c4c4c;
	font-size:11pt;
	font-family:tahoma,sans-serif;
	font-weight: bold;
	padding-bottom:5px;
	border-bottom: 1pt solid #7f7f7f;
	height: 40px;
	margin-bottom: 5px;
	width: 100%;
}

.gridTitleNoImage{
/*	background-image: url(images/gridIcon.gif);
	background-repeat: no-repeat;
	padding-left: 50px;*/
	color:#4c4c4c;
	font-size:11pt;
	font-family:verdana,tahoma,sans-serif;
	font-weight: bold;
	padding-bottom:5px;
/*	border:1pt solid #7f7f7f;
	border-bottom: 1pt solid #7f7f7f;*/
	height: 40px;
	margin-bottom: 5px;
	width: 100%;
}

.gridTitle p, .gridTitleFestivities p, .gridTitleEvents p, .gridTitleArchives p, .gridTitleNoImage p{
	font-size: 8pt;
	font-weight: normal;
	color: #4C4C4C;
	margin-top: 1px;
}

/*.gridTitleFestivities p{
	font-size: 8pt;
	font-weight: normal;
	color: #4C4C4C;
	margin-top: 1px;
}

.gridTitleEvents p{
	font-size: 8pt;
	font-weight: normal;
	color: #4C4C4C;
	margin-top: 1px;
}

.gridTitleArchives p{
	font-size: 8pt;
	font-weight: normal;
	color: #4C4C4C;
	margin-top: 1px;
}*/

.gridTitleLink{
	text-decoration: none;
	color: #4c4c4c;
	font-size: 8pt;
	/*padding: 2px 8px 0px 8px;*/
	margin-top: -30px;
	margin-bottom:2px;
	float:bottom right;
	text-align: right;
}

.gridTitleLink a{
	border: 1pt solid #4c4c4c;
	padding: 2px 6px 2px 27px;
	background-color: #4c4c4c;
	background-image: url(images/backIcon.gif);
	background-repeat: no-repeat;
	background-position: left;
	color: #FFFFFF;
	text-decoration:none;
}
.gridTitleLink a:hover{
	color: #FFFF00;
	text-decoration:none;
}

.gridNotes {
	margin-top:3px;
	border: 1pt solid #4c4c4c;
	padding: 3px 4px 2px 29px;
	background-color: #CCE3FF;
	background-image: url(images/notesIcon.gif);
	background-repeat: no-repeat;
	background-position: 5 1 left;
	color: #333333;
	font-size:8pt;
	font-family:tahoma,sans-serif;
	height: 25px;
}

.gridNotes img{
	vertical-align: middle;
}

/* Grid Data Layout 																		
*************************************************************************/
.dot-ms-vh-paging{
	/*background-image: url(images/DOTHeaderTD_bg.jpg);*/
	height: 24px;
	color: #333333;
/*	border-bottom: 1pt solid #7f7f7f;*/
	text-align:left;
	/*padding: 2px 5px 2px 5px;*/
	padding-top: 2px;
	padding-left:  4px;
	padding-right: 2px;
	font-size:8pt;
	font-family:tahoma,sans-serif;
	font-weight: bold;
/*	border-left: 1pt solid #7f7f7f;
	border-right: 1pt solid #7f7f7f;*/
	vertical-align: middle;
}
.dot-ms-vh{
	background-image: url(images/DOTHeaderTD_bg.jpg);
	height: 24px;
	color: #333333;
	border-bottom: 1pt solid #7f7f7f;
	border-top: 1pt solid #7f7f7f;
	text-align:left;
	/*padding: 2px 5px 2px 5px;*/
	padding-top: 2px;
	padding-left:  4px;
	padding-right: 2px;
	font-size:8pt;
	font-family:tahoma,sans-serif;
	font-weight: bold;
	/*border-left: 1pt solid #7f7f7f;*/
	border-right: 1pt solid #7f7f7f;
	vertical-align: middle;
}
.dot-ms-vh-event{
	background-image: url(images/HeaderTD_bg.jpg);
	height: 24px;
	color: #333333;
	border-bottom: 1pt solid #C2DCFF;
	border-top: 1pt solid #C2DCFF;
	text-align:left;
	/*padding: 2px 5px 2px 5px;*/
	padding-top: 2px;
	padding-left:  4px;
	padding-right: 2px;
	font-size:8pt;
	font-family:tahoma,sans-serif;
	font-weight: bold;
	/*border-left: 1pt solid #7f7f7f;*/
	border-right: 1pt solid #C2DCFF;
	vertical-align: middle;
}

.dot-ms-head{
	height: 24px;
	color: #333333;
	border-bottom: 1pt solid #7f7f7f;
	border-top: 1pt solid #7f7f7f;
	text-align:left;
	/*padding: 2px 5px 2px 5px;*/
	padding-top: 2px;
	padding-left:  4px;
	padding-right: 2px;
	font-size:8pt;
	border-right: 1pt solid #7f7f7f;
	vertical-align: middle;
}

.dot-ms-vh2{
	background-image: url(images/DOTHeaderTD_bg2.jpg);
	height: 38px;
	color: #333333;
	border-bottom: 1pt solid #7f7f7f;
	text-align:left;
	/*padding: 2px 5px 2px 5px;*/
	padding-top: 2px;
	padding-left:  4px;
	padding-right: 2px;
	font-size:8pt;
	font-family:tahoma,sans-serif;
	font-weight: bold;
	border-left: 1pt solid #7f7f7f;
	border-right: 1pt solid #7f7f7f;
	vertical-align: middle;
}

.dot-ms-vh input {
	border: 1pt solid #7f7f7f;
	margin-top: 1px;
	padding-bottom: 2px;
	text-align: center;
	font-size: 7.5pt;
	font-weight: bold;
	background-color: #4c4c4c;
	color: #FFFFFF;
	margin-left: 4px;
	height: 18px;
	cursor: pointer;
	text-decoration: none;
}

.dot-ms-vh a, .dot-ms-vh-paging a {
	padding-left: 4px;
	padding-right: 4px;
	padding-top:3px;
	text-align: center;
	font-size: 7.5pt;
	font-weight: bold;
	color: #333333;
	margin-left: 4px;
	height: 18px;
	text-decoration: none;
}

/*.dot-ms-vh-paging a {
	padding-left: 4px;
	padding-right: 4px;
	padding-top:3px;
	text-align: center;
	font-size: 7.5pt;
	font-weight: bold;
	color: #333333;
	margin-left: 4px;
	height: 18px;
	text-decoration: none;
}*/

.dot-ms-vh a:hover {
	color: #6B8E23;
	text-decoration: none;
}

.dot-data-view{
	border-left: 1pt solid #7f7f7f;
}

.dot-data-view-td{
	border-right: 1pt solid #7f7f7f;
	border-bottom: 1pt solid #7f7f7f;
	padding:3px 3px 3px 3px;
}


.dot-ms-vb{
/*	border-bottom: 1pt solid #7f7f7f;
	border-left: 1pt solid #7f7f7f;
	border-right: 1pt solid #7f7f7f;*/
	padding:2px 3px 2px 3px;
	height: 20px;
	color: #4C4C4C;
	/*background-color: #FFFFFF;*/
	padding:2px 5px 2px 5px;
	font-size:8pt;
	font-family:verdana,tahoma,sans-serif;
}

.dot-feature{
/*	border-bottom: 1pt solid #7f7f7f;
	border-left: 1pt solid #7f7f7f;
	border-right: 1pt solid #7f7f7f;*/
	padding:2px 3px 2px 3px;
	height: 20px;
	color: #4C4C4C;
	background-color: transparent;
	padding:2px 5px 2px 5px;
	font-size:8pt;
	font-family:tahoma,sans-serif;
}

.dot-ms-vb-event1{
	border-bottom: 1pt solid #C2DCFF;
	/*border-left: 1pt solid #7f7f7f;*/
	border-right: 1pt solid #C2DCFF;
	padding:2px 3px 2px 3px;
	height: 20px;
	color: #4C4C4C;
	background-color: #FFFFFF;
	padding:2px 5px 2px 5px;
	font-size:8pt;
	font-family:tahoma,sans-serif;
}

.dot-ms-vb-event0 {
	border-bottom: 1pt solid #C2DCFF;
	/*border-left: 1pt solid #7f7f7f;*/
	border-right: 1pt solid #C2DCFF;
	padding:2px 3px 2px 3px;
	height: 20px;
	color: #4C4C4C;
	background-color: #E5F1FF;
	padding:2px 5px 2px 5px;
	font-size:8pt;
	font-family:tahoma,sans-serif;
}



.dot-ms-vb1{
	border-bottom: 1pt solid #7f7f7f;
	/*border-left: 1pt solid #7f7f7f;*/
	border-right: 1pt solid #7f7f7f;
	padding:2px 3px 2px 3px;
	height: 20px;
	color: #4C4C4C;
	background-color: #FFFFFF;
	padding:2px 5px 2px 5px;
	font-size:8pt;
	font-family:tahoma,sans-serif;
}

.dot-ms-vb0 {
	border-bottom: 1pt solid #7f7f7f;
	/*border-left: 1pt solid #7f7f7f;*/
	border-right: 1pt solid #7f7f7f;
	padding:2px 3px 2px 3px;
	height: 20px;
	color: #4C4C4C;
	background-color: #e5e5e5;
	padding:2px 5px 2px 5px;
	font-size:8pt;
	font-family:tahoma,sans-serif;
}

.dot-port-vb1{
/*	border-bottom: 1pt solid #7f7f7f;
	border-left: 1pt solid #7f7f7f;
	border-right: 1pt solid #7f7f7f;*/
	padding:2px 3px 2px 3px;
	height: 20px;
	color: #4C4C4C;
	background-color: #FFFFFF;
	padding:2px 5px 2px 5px;
	font-size:8pt;
	font-family:tahoma,sans-serif;
}

.dot-port-vb0 {
/*	border-bottom: 1pt solid #7f7f7f;
	border-left: 1pt solid #7f7f7f;
	border-right: 1pt solid #7f7f7f;*/
	padding:2px 3px 2px 3px;
	height: 20px;
	color: #4C4C4C;
	background-color: #e5e5e5;
	padding:2px 5px 2px 5px;
	font-size:8pt;
	font-family:tahoma,sans-serif;
}


.dot-ms-vb0 a, .dot-ms-vb1 a, .dot-port-vb1 a, .dot-port-vb0 a,.dot-ms-vb-event0 a, .dot-ms-vb-event1 a{
	text-decoration: none;
	color: #4c4c4c;
	font-weight: bold;
}

.dot-a-link{
	text-decoration: none;
	color: #4c4c4c;
	font-weight: bold;
	font-size:8pt;
	font-family:tahoma,sans-serif;
}

.dot-a-feature{
	text-decoration: none;
	color: #4c4c4c;
	/*font-weight: bold;*/
	font-size:10pt;
	font-family:tahoma,sans-serif;
	background-color:transparent;
}

.dot-a-feature a{
	text-decoration: none;
	color: #4c4c4c;
	/*font-weight: bold;*/
	font-size:10pt;
	font-family:tahoma,sans-serif;
	background-color:transparent;
}

.dot-ms-vb0 a:hover, .dot-ms-vb1 a:hover{
	text-decoration: none;
	color: #6B8E23;
}


td .dot-ms-gb{
	padding: 2px 3px 2px 3px;
	height:21px;
	background-color: #CCE3FF;
	color: #333333;
	font-weight: bold;
	font-size:8pt;
	font-family:tahoma,sans-serif;
	font-weight: bold;
}

.ms-WPBody {
	font-size:8pt;
	font-family:verdana,arial,helvetica,sans-serif;
/*	border-bottom: 1pt solid #7f7f7f;*/
	padding:2px 3px 2px 3px;
/*	height: 20px;*/
} 

/* Customized Column Headers */
.ms-vh,.ms-vh2,.ms-vh-icon,.ms-vh2-nofilter,.ms-vh2-nofilter-icon,.ms-viewheadertr .ms-vh-group,.ms-vh2-nograd,.ms-vh3-nograd,.ms-vh2-nograd-icon,.ms-ph,.ms-pickerresultheadertr{
	/*rework background-image:url(images/DOTHeaderTD_bg.jpg);*/
	background-image:url(images/HeaderTD_bg.jpg);
	background-repeat:repeat-x;
	padding-top:1px;
	padding-bottom:0px;
	/*rework background-color:#f2f2f2;*/
	background-color:#f7f7f7;
	height: 24px;
	padding: 2px 5px 2px 5px;
}

/*rework .ms-alternating {
	border-bottom: 1pt solid #7f7f7f;
	border-left: 1pt solid #7f7f7f;
	border-right: 1pt solid #7f7f7f;
	padding:2px 3px 2px 3px;
	height: 20px;
	color: #4C4C4C;
	background-color: #e5e5e5;
	padding:2px 5px 2px 5px;
	font-size:8pt;
	font-family:tahoma,sans-serif;
}*/
.ms-alternating {
	border-bottom: 1pt solid #C2DCFF;
	border-left: 1pt solid #C2DCFF;
	border-right: 1pt solid #C2DCFF;
	padding:2px 3px 2px 3px;
	height: 20px;
	color: #4C4C4C;
	background-color: #E5F1FF;
	padding:2px 5px 2px 5px;
	font-size:8pt;
	font-family:tahoma,sans-serif;
}


.ms-vb2, .ms-vb-title, ms-vb-user {
	/*border-bottom: 1pt solid #7f7f7f;
	border-left: 1pt solid #7f7f7f;
	border-right: 1pt solid #7f7f7f;*/
}