/* CSS Document - Recruiter 6.2 - Samaritan Technologies */
/* Author: Juan Rivero */
/* Date: 08/30/2007 */
/* Default Template */

	body {
		font-family:arial,helvetica,sans-serif;
		font-size: 80.5%;
		background-color: #ffffff;
		color: #000000;
	}

/* ---- Sets the style for all fixed images --- */
	img {
		border: 0px;
	}

/* --- Sets the style --- */
	table {
		border-collapse: collapse;
	}
	
/* --- Sets the the style for the Recruiter container --- */
	.rec-panel {
		border:1px solid #AFA981;
		width:650px;
	}	

/* --- Sets the style for the Save button --- */
	.savebutton {
		background:url(save.png);
		border:0;
		width:65px;
		height:21px;
		cursor:pointer;
	}

/* --- Sets the style for the Search button on the advanced Search screen--- */
	.searchbutton {
        cursor:pointer;
	border:0;
	width:62px;
        height:23px;
        vertical-align:middle;
        background:url(search.jpg);
    }

/* --- Sets the style for the Help/Info tool tip container --- */
	.tool-tip {
		width: 170px;
		z-index: 13000;
	}

/* --- Sets the style for the Help/Info tool tip title and header --- */
	.tool-title {
		align: left;
		font-family:arial,helvetica,sans-serif;
		font-weight: bold;
		font-size: 11px;
		margin: 0px;
		color: #990000;
		padding: 4px 8px 4px;
		border-bottom: 1px solid #274287;
		background: url('bubble.png') top left;
	}

/* --- Sets the style for the Help/Info tool tip body and text  --- */
	.tool-text {
		font-family:arial,helvetica,sans-serif;
		font-size: 11px;
		padding: 4px 8px 8px;
		color: #002e66;
		background: url('bubble.png') bottom right;
		align: left;
	}

/* --- Sets the style for the Help/Info symbol link --- */
	a.mytip:link {
		color: #990000;
		text-decoration: none;
	}

/* --- Sets the style for the Help/Info symbol visited link --- */
	a.mytip:visited {
		color: #990000;
		text-decoration: none;			
	}

/* --- Sets the style for the sortable tab drag handles  --- */
	.dragTD{
		background: white;
	}

/* --- Sets the style for the sortable tab drag handles  when enabled --- */
	td.dragHandle{
		background: url('icondrag.gif') no-repeat top left;
		height: 45px;
		width: 20px;
		float:right;
		padding:0px;
	}

/* --- Sets the style for the sortable tab drag handles  when disabled --- */
	.nodragHandle{
		background: url('noiconDragDrop.gif') no-repeat top left;
		height: 45px;
		width: 20px;
	}

/* --- Sets the style for accordion tab when closed --- */
	.closedtab{
		margin-top: 0px;
		cursor: pointer;
		width:650px;
		height:45px;
		text-align: left;
		background: url('gradclose.png') no-repeat;
	}

/* --- Sets the style for accordion tab when opened --- */
	.openedtab{
              margin-top: 0px;
              cursor: pointer;
		width:650px;
		height:45px;
		text-align: left;
		background: url('gradopen.png') no-repeat;
	}

/* --- Sets the style for accordion tab title --- */
	.tab-title {
		width:650px;
		height:45px;
		color: #002e66;
		font-weight: bold;
		padding-left:35px; 
		font-family: arial,helvetica,sans-serif; 
		font-size: 13px;	
	}

/* --- Sets the style for accordion tab title color when moused over --- */
        .tab-title-hover {	
		color: #990000;		
	}

/* --- Used in old Recruiter pages --- */
	.subtitle {
		color: #990000;
		font-family: arial,helvetica,sans-serif;
		font-size: 12pt;
		FONT-WEIGHT: bold;
    }

/* --- Sets the style for the tab outer information container --- */
	.information {
		width:640px;
		padding-top: 5px;
		padding-right: 5px;
		padding-bottom: 5px;
		padding-left: 5px;
	}

	.information1 {
		width:620px;
		padding-top: 5px;
		padding-right: 15px;
		padding-bottom: 5px;
		padding-left: 15px;
	}

/* --- Sets the style for the tab inner content container --- */
	.content-panel {
		width:640px;
		background-color:white;
	}

/* --- Sets the style for the Indicates required fields text --- */
	.requireIndicationText { 
		color:#990000;
		font-size:10px;
		vertical-align:bottom;
		font-family: arial,helvetica,sans-serif;
	}

/* --- Sets the style for the tab inner content container --- */
	.requireIndicator {
		color:#990000;
		font-size:10px;
		font-family: arial,helvetica,sans-serif;
    }	 
    
/* --- Sets the style for the left column container on the personal tab --- */
	td.left-content {
		text-indent: -.75em;
		padding-left:45px;
		vertical-align: top;	
		background-color:#FFFFFF;				
	}

	td.left-content1 {
		padding-left:45px;
		vertical-align: top;	
		background-color:#FFFFFF;				
	}

/* --- Sets the style for the right column container on the personal tab --- */
	td.right-content {
		padding-left:0px;
		width: 300px;
		background-color:#FFFFFF;				
	}

/* --- Sets the style for the tab section header title text  --- */
	.section-header {
		color:#002e66;
		font-family:arial,helvetica,sans-serif;
	/*	font-weight:bold;*/
		font-size:12px;
		padding-left:35px;
	}


/* --- Sets the style for the tab section header title text  --- */
	.section-header1 {
		color:#990000;
		font-family:arial,helvetica,sans-serif;
		font-weight:bold;
		font-size:12px;
		padding-left:35px;
	}

/* --- Sets the style for the tab section header title text on search page --- */
	.section-sub-header {
		text-align:left;
		color:#002e66;
		font-family:arial,helvetica,sans-serif;
		font-weight:bold;
		font-size:11px;
		padding-left:25px;
		padding-right;0px;				
	}
	.section-sub-header1 {
		color:#ffffff;
		font-family:arial,helvetica,sans-serif;
		font-weight:bold;
		font-size:11px;
		padding-left:25px;				
	}
	.section-sub-header-title {
		color:#002e66;
		font-family:arial,helvetica,sans-serif;
		font-weight:bold;
		font-size:14px;
		padding-left:25px;			
	}

/* --- Sets the style for field labels that need to be vertical middle aligned --- */
	.field-label-middle {
		color:#002e66;
		font-family:arial,helvetica,sans-serif;
		font-weight:normal;
		font-size:11px;
		text-align:left;
		vertical-align:middle;
	}

/* --- Sets the style for field labels that need to be vertical top aligned --- */
	.field-label-top {
		color:#002e66;
		font-family:arial,helvetica,sans-serif;
		font-weight:normal;
		font-size:11px;
		text-align:left;
		vertical-align:top;
	}

/* --- Sets the style for time type fields  --- */
    .data-time {
		color:#2F2F2F;
		font-family:arial,helvetica,sans-serif;
		font-weight:normal;
		font-size:11px;
		padding-left:5px;
		text-align:left;					
    }

	.data-text,
    .data-text-over,
    .data-text-selected
     {
		color:#2F2F2F;
		font-family:arial,helvetica,sans-serif;
		font-weight:normal;
		font-size:11px;
		padding-left:5px;
		height:16px;
		border:1px solid #AFA981;
		text-align:left;
        vertical-align: middle;			
	}

    .data-radio,
    .data-checkbox
     {
		color:#2F2F2F;
		font-family:arial,helvetica,sans-serif;
		font-weight:normal;
		font-size:11px;
		padding-left:5px;
		height:16px;
		text-align:left;
        vertical-align: middle;			
	}

    .data-text-over {
        background-color:#F7F6EF;
    }
    .data-text-selected {
        background-color:#F7F6EF;
        height:16px;
        border:1px #AFA981 solid;
    }
    
    .data-attr-header {
        padding-top:10px;
		color:#002e66;
		font-family:arial,helvetica,sans-serif;
		font-weight:bold;
		font-size:12px;
    }

	.data-dropdown {
		color:#2F2F2F;
		font-family:arial,helvetica,sans-serif;
		font-weight:normal;
		font-size:10px;
		padding-left:1px;
		text-align:left;	
        vertical-align: middle;
        overflow: hidden;
        width:132px;
	}

    .data-textarea,
    .data-textarea-over,
    .data-textarea-selected {
		color:#2F2F2F;
		font-family:arial,helvetica,sans-serif;
		font-weight:normal;
		font-size:11px;
		padding-left:5px;
		height:40px;
        	border:1px;
		text-align:left;					
        width:120px;
    }
    .data-textarea-over {
        background-color:#F7F6EF;
        border:1px;
    }
    .data-textarea-selected {
        background-color:#F7F6EF;
        border:1px AFA981 solid;
    }
    
	.data-text-border {
		color:#2F2F2F;
		font-family:arial,helvetica,sans-serif;
		font-weight:normal;
		font-size:11px;
		padding-left:5px;
		height:14px;
    	   	 border:solid 1px #AFA981;
		text-align:left;
        width:70px;					
	}
	.section-divider {
		background-image:url('dot.gif');
		background-repeat:repeat-x;
		background-position: center;
		height:4px;		
	}
    .button, .button-std, .slot-signup-button
    {
        border:solid 1px #002e66;
        text-align:center;
        color: #084A96;
        cursor:pointer;
        height:23px;
        vertical-align:middle;
        background:url(button.png);
    }

    .button-std {
        width:50pt;
    }

    .important,
    .warning {
        color: #ff6600;
        font-size:12px;
        font-weight: bold;
        font-family:arial,helvetica,sans-serif;
	padding-left:25px;
    }

	.td-line2px
    {
        height:2px;
        background:url(line2px.gif);
    }
    .volp-references-cols {
        background-color: White;
    }
    .volp-references-selectedRows {
        background-color: #F6A931;
    }

/* -- Recruiter Volunteer Menu Style -- */
	table.volmenu {
		font-family: arial,helvetica,sans-serif;
		margin: 0px;
		border:0px;
		width:95px;
		padding-bottom: 0px;
		background-color:#AED0EC;
		}
	table.volmenu th{
	background-color:#F07800;
	color:white;
	font-size: 10px;
	padding:2px;
	}	
	table.volmenu-ops td{
		font-weight: normal;
		font-size: 12px;
		text-align: left;
		padding-left: 0px;	
		padding-top: 0px;
		padding-bottom: 0px;
		border-bottom: 1px solid #73A2CE;
		height: 100%;
		}
	table.volmenu-ops A:link{
		color: #074995;
		text-decoration: none;
	}

        table.volmenu-ops A:visited{
              color: #074995;
		text-decoration: none;
        }

    .report-titletxt
    {
        color: #93A200;
        font-family:arial,helvetica,sans-serif;
        font-weight:bold;
        font-size:13px;
        padding-left:15px;
    }
    .report-input-text
    {
         border: #868686 1px solid;
         margin:0;
         padding:0;
         position:relative;
         text-align:right;
     }
     .report-select
	 {
          border: #868686 1px solid;
          font-family: arial,helvetica,sans-serif;
          font-size:9pt;
     }
     .report-textarea
	 {
          overflow:hidden;
	 }  
	 .reportserviceframe
	 {
	 	width:600px;
		height:350px;
		overflow-x:hidden;
		overflow-y:scroll;
	 }    
	.field-label-hight{
		color:#002e66;
		font-family:arial,helvetica,sans-serif;
		font-weight:bold;
		font-size:11px;
		text-align:left;
		vertical-align:middle;
		padding:25px;
	}
	.field-label-hight2{
		color:#990000;
		font-family:arial,helvetica,sans-serif;
		font-weight:bold;
		font-size:11px;
		text-align:left;	
	}
	.field-label-hight3{
		color:red;
		font-family:arial,helvetica,sans-serif;		
		font-size:11px;
		text-align:left;
		vertical-align:middle;
		padding-right:10px;
		padding-left:5px;
	}


/* 	My Log Book  Styles */
    .td-border1{
        text-align:middle;
        vertical-align:middle;
        border-right:solid #E1E1E1 1.0px;
        border-top:solid #E1E1E1 1.0px;
        border-bottom:solid #E1E1E1 1.0px;
        height:20px;
        width:auto;
        font-family:arial,helvetica,sans-serif;
        font-size:11px;
        width:inherit;		    
     }
     .td-border2{
        text-align:middle;
        vertical-align:middle;
        border:solid #E1E1E1 1.0px;
        height:20px;
        width:250px;
        font-family:arial,helvetica,sans-serif;
        font-size:11px;
        width:inherit;
	}
	.td-border3{
	    border:solid #E1E1E1 1.0px;
		height:20px;
		width:250px;
		font-family:arial,helvetica,sans-serif;
		font-size:11px;
		width:inherit;
    }
    .td-border4{
        border:solid #E1E1E1 1.0px;
        height:21px;
        font-family:arial,helvetica,sans-serif;
        font-size:11px;
        width:inherit;
     }
    .td-border5{
        text-align: middle;
        vertical-align: middle;
        border-left: solid #E1E1E1 1px;
        border-right: solid #E1E1E1 1px;
        height:20px;
        width:250px;
        font-family:arial,helvetica,sans-serif;
        font-size:11px;
        width:inherit;
     }
     .td-border6{
        border: solid #E1E1E1 1px;
        width:575px;
        font-family:arial,helvetica,sans-serif;
        font-size:11px;
        width:inherit;
     }
     .td-border-top{
	text-align:left;
        border: solid #E1E1E1 1px;
        width:575px;
        font-family:arial,helvetica,sans-serif;
        font-size:11px;
        background-color: #ededed;
        height:23px;
	}
     .td-border-top1{
        border: solid #E1E1E1 1px;
        width:575px;
        font-family:arial,helvetica,sans-serif;
        font-size:11px;
	 color:#ffffff;
        background-color: #25548b;
        height:23px;
     }
     .td-border-top-title {
        border: solid #E1E1E1 1px;
        width:575px;
        font-family:arial,helvetica,sans-serif;
        font-size:11px;
        background-color: #DCEAF7;
        height:33px;
     }

/* Schedule */	
    .sch-sub-title{
        font-size:12px;
        color:#990000;
        font-weight: bold;
        padding-left:30px;
    }
    .sch-td-calendar-top
    {
        background-color:#F7F6EF;
        text-align:center;
        color:#125087;
        height:20px;
        width:90px;
        font-size:10px;
        font-family:arial,helvetica,sans-serif;
        font-weight: bold;
        border:solid #E1E1E1 1.0px;
    }
    .sch-td-calendar-nodata
    {
        width:90px;
        height:60px;
        border:solid #E1E1E1 1.0px;
        text-align:left;
        vertical-align:top;        
    }
    .sch-font-calendar-day
    {
        color:#125087;
        font-size:12px;
        font-weight: bold;
        font-family:arial,helvetica,sans-serif;
        padding-left:4px;
    }
    .sch-td-calendar-data
    {
        width:90px;
        height:100px;
        border:solid #E1E1E1 1.0px;
        text-align:left;
        vertical-align:top;
        background-color:#FFFAE5;   
        overflow:hidden;   
    }
    .sch-td-data{
        font-size:x-small;
        font-family:arial,helvetica,sans-serif;        
        color:#002e66;
    }
    .sch-calendar-hr{
        border:solid #E1E1E1 1.0px;
        height:1px;
        width:90px;
     }
     .sch-td-slotinfo{
        BORDER-TOP: #deddd6 1px dotted;
        PADDING-LEFT: 4px;
        PADDING-BOTTOM: 4px;
        PADDING-TOP: 4px;
        background-color: #f3f3f3;
     }
     .sch-p-slotinfo{
        FONT-SIZE: x-small;
        FONT-FAMILY: arial,helvetica,sans-serif;
     }


/*Side bar code*/
div.pgs a {
	display: block;
	margin: 0px;
	padding-left:8px;
	width:193;
	overflow:hidden;
	color: #971b1e;
	text-decoration: none;
	}

div.pgs a:hover {
	background-color: #75A1CE;
	color: #0B4A99;
	}
	
div.pgs a:active {
	color: #0B4A99;
	background-color: #75A1CE;
	text-decoration: none;
	}

/*Sets the style for Activity tab (Cisco Program) on the Volunteer Profile*/

.activity1 {
	width:29%;
	}

.activity2 {
	width:42%;
	}

/* Schedule Slots */
.slot-sub-header {
	color:#172E73;
	font-family:verdana;
	font-weight:none;
	font-size:11px;
	padding-left:0px;				
	}

.slot-border {
        border: solid #CECFCE 1px;
        font-family:verdana;
        font-size:11px;
        background-color: #FFFFFF;
     }