/* TRIPLE EEE MANAGEMENT SUPPORT BV STYLE SHEET */
/* W3C VERIFIED CSS 2.0 */
/* COPYRIGHT OTYS CORP 2004 */
/* AUTHOR: MRFAHRENHEIT */


.aplMCatInput select{
width:290px;
}
.aplSelFunction select{
width:290px;
}

/* FIRST BASE, BLOCKLEVELS */

.outer{
margin:auto;
width:90%;
}

.aplTitle{
margin-top: 8px;
}

a { 
font-family	:Verdana, Arial, Helvetica, sans-serif; 
font-size	:11px; 
font-weight	:bold;
text-decoration	:none;
color		:#000085;
background	:transparent;
}
a:hover { 
text-decoration	:underline;
}

body {
background	:#F1EDEB;
font-family	:Verdana, Arial, Helvetica, sans-serif;
font-size	:11px; 
margin		:10px 0px 0px 0px;
scrollbar-base-color:#E8E8E8;
scrollbar-arrow-color: #101042;
}
.mumbo {
width:0px;
height:0px;
overflow:hidden;
color:white;
left:-1000px;
top:-1000px;
position:absolute;
}

input, textarea { 
background:	white; 
color:#101042; 
font: 11px  Verdana, Arial, Helvetica, sans-serif;
border:solid;
border-color:#ACA899 #f8f8f8 #f8f8f8 #ACA899;
border-width:1px 1px 1px 1px;
}
ul { 
list-style-position :outside; 
list-style-type	:square;
}
select {
font		:11px Verdana, Arial, Helvetica, sans-serif;
}
td, th { 
font-family	:Verdana, Arial, Helvetica, sans-serif;
font-size	:11px; 
color		: #101042;
}
/* PAGE LAYOUT */

.table1 {
width: 100%;
height: 100%;
background: #D9B8A7;
text-align: center;
}
.table2 {
width: 920px;
height: 100%;
background: white;
border-bottom: 4px solid #5A2942;
}
.leftContainer {
width: 200px;
background: #353E76;
vertical-align: top;
}
.leftTbl {
width: 100%;
}
.leftTop {
background: url(http://www.yourit.nl/triple/_images/left_top.gif) no-repeat left top;
width: 200px;
height: 199px;
}
.seperator {
width: 10px;
background: #FFC600;
}
.rightContainer {
background: #CFD3E8;
vertical-align: top;
}
.rightTop {
background: url(http://www.eee.nl/_images/right_top_pdl.gif) repeat left top;
height: 167px;
}
.rightTopTbl {
width:100%;
}
.rightTopLeft {
background: url(http://www.eee.nl/_images/right_top_left.gif) no-repeat left top;
height: 167px;
}
.rightTopCenter {
background: url(http://www.eee.nl/_images/right_top_center.gif) no-repeat 10% top;
}
.rightTopRight {
background: url(http://www.eee.nl/_images/right_top_right.gif) no-repeat left top;
}


.contentContainer {
vertical-align: top;
}
.contentTbl {
width: 100%;
}
.contentFrame {
background:url(http://www.eee.nl/_images/headerBackground.gif) repeat-x 30px 0; 
width: 100%;
vertical-align: top;
}
.rightWingContainer {
vertical-align: top;
}
.rightWingTbl {
width: 100%;
}
.SitemenuContainer {
border-top: 1px solid #71799E;
}
.menuTbl {
width: 100%;
}
.treeContainer {
}
.treeTbl {
}
.treeHolder {
}
.hooksContainer {
padding: 0px 4px 0px 4px;
}
.maintable { 
margin:0 20px 0 20px;
width:90%;
}
.vacstable { 
background	:transparent; 
margin		:0px 40px 0px 20px; 
width		:90%;
}
.introContainer {
padding: 10px 6px 10px 6px;
}
.introTbl {
border: 0px solid red;
}
.intro {
background	:transparent;
color		:#101042;
font-size	:11px;
text-align	:left;
padding-bottom	:10px;
line-height	:16px;
}
.textItemContainer {
}
.textItemTbl {
}
.textContainer {
padding: 10px 6px 10px 6px;
}
.textTbl {
}
.tekstblokje {
text-align	:left;
background	:transparent;
color		: #101042;
font		:11px Verdana, Arial, Helvetica, sans-serif;
padding-bottom	:14px;
line-height	:16px;
}
.button { 
border: 1px solid white;
font-size: 11px;
color: white;
background: #7D83A5;
height: 20px;
margin-top:10px;
margin-bottom:10px;
}
.printbutton {
padding-top: 10px;
}
.printbutton input {
color		:#00192F;
vertical-align	:bottom;
width: 30px;
height:70px;
background: url(http://www.perszon.nl/_images/print.gif) no-repeat left top;
border:none;
font: 9px Verdana;

}
/* ENLARGE PICTURES */

.zoomtable { 
background	:transparent;
color		:#000066;
padding		:0px 0px 0px 0px; 
width		:100%; 
margin		:0px 0px 0px 0px;
}
/* NO BORDERS IN CHECKS & RADIOS */

.radiobuttons {} /* EMPTY PARENT */

.radiobuttons input { 
border		:none;
background	:transparent;
}

/* MAIN LINK BLOCK 1 */


.knoptableContainer {
padding: 4px 4px 4px 4px;
}
.knoptable {  
background	:#FFCC00; 
margin-top	:4px;
margin-left	:2px;
margin-right	:2px;
padding		:4px 12px 4px 12px;
vertical-align	:top;
text-align	:left;
width		:110px;
border		:1px solid #848484;
}
.knoptable a {   
color		:#000085;
text-decoration	:none;
font		:11px Verdana, Arial, Helvetica, sans-serif;
background	:transparent;
text-transform: lowercase;
}
.knoptable a:hover { 
color		:#000085;
background	:transparent;
text-decoration	: none;
text-transform: lowercase;
}
.knoptableactive {  
background	:#000085; 
margin-top	:4px;
margin-left	:2px;
margin-right	:2px;
padding		:4px 12px 4px 12px;
vertical-align	:top;
text-align	:left;
width		:110px;
border		:1px solid #848484;
}
.knoptableactive a {   
color		:white;
text-decoration	:none;
font		:11px Verdana, Arial, Helvetica, sans-serif;
background	:transparent;
text-transform: lowercase;
}
.knoptableactive a:hover { 
color		:white;
background	:transparent;
text-decoration	: none;
text-transform: lowercase;
}

/* MAIN LINK BLOCK 2 */

.hlb2 { 
background	:transparent;
padding		:4px 8px 4px 8px;
}
.hlb2 a { 
font		:11px Verdana, Verdana, Arial, Helvetica, sans-serif;
color		:#666666;
background	:transparent;
text-transform: lowercase;
}
.hlb2 a:hover { 
font		:11px Verdana, Verdana, Arial, Helvetica, sans-serif;
color		:#101042;
background	:transparent;
text-decoration	:none;
text-transform: lowercase;
}
.hlb2active { 
background	:transparent;
padding		:4px 8px 4px 8px;
text-transform: lowercase;

}
.hlb2active a { 
font		:11px Verdana, Verdana, Arial, Helvetica, sans-serif;
color		:#101042;
background	:transparent;
text-transform: lowercase;
}
.hlb2active a:hover { 
font		:11px Verdana, Verdana, Arial, Helvetica, sans-serif;
color		:#666666;
background	:transparent;
text-decoration	:none;
text-transform: lowercase;
}
/* LINKTABLES */

.linkcontent { 
font		:10px Verdana, Arial, Helvetica, sans-serif;
color		:#101042;
text-align	:justify;
padding		:4px 4px 4px 4px;
background	:transparent;
}
.linkcontent a { 
font		:10px Verdana, Arial, Helvetica, sans-serif; 
color		:#101042;
background	:transparent;
}
.linkmaintable { 
padding		:0px 0px;
background	:transparent;
}
.linkmaintable td { 
background	:transparent; 
padding		:2px 2px;
}
.linkrow { 
padding		:4px 4px 4px 4px;
background	:transparent;
}
.linkrow a { 
color		:blue;
background	:transparent;
}
.linktable { 
padding		:0px 0px; 
margin		: 4px 0px; 
background	: #f8f8f8; 
color		:inherit;
border-top	:1px #101042 solid;
border-right	: 1px #101042 solid; 
border-bottom	:1px #101042 solid; 
border-left	:1px #101042 solid;
}
.linktitle { 
background	:#eeeeee; 
color		:#101042; 
font		:bold 10px Verdana, Verdana, Arial, Helvetica, sans-serif; 
padding		:4px 4px 4px 4px;
}
/* LOGIN TABLE */

.logintbl {
margin		:14px 0px 0px 14px;
}
.loginbutton {
padding		:8px 0px 0px 0px;
}
.loginbutton input {
border:none;
background: transparent;
color:#1B1464;
text-transform: uppercase;
text-align: left;
}
.logintblinput {
}
.logintblinput input {
background: #DEE0E8;
border-right: 2px groove #1B1464;
border-bottom: 2px groove #1B1464;
width: 150px;

}
.logintbltxt {
color:#1B1464;
padding-bottom: 2px;
}
/* VACANCY APPLICATION */

.listheader {
background : transparent;
color : #101042;
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
margin : 10px 0px 0px 0px;
padding : 2px 2px 14px 4px;
width: 100%;

}
.listrowwhite {
background : #f8f8f8;
color : #101042;
font : 11px Verdana, Arial, Helvetica, sans-serif;
line-height: 20px;
width: 100%;
padding-left: 4px;
padding-right: 4px;
}
.listrowwhite a {
background : transparent;
color : #101042;
font 		:12px  Verdana, Arial, Helvetica, sans-serif;
text-decoration : none;
}
.listrowwhite a:hover {
background : transparent;
color : #101042;
font 		:11px Verdana, Arial, Helvetica, sans-serif;
text-decoration : none;
}
.categorietable {
border-top: none;
border-right: 1px solid white;
border-bottom: 1px solid white;
border-left: 1px solid white;
}
.kopvacatures {
background : white;
color : #297266;
font : bold 13px Verdana, Arial, Helvetica, sans-serif;
height : 34px;
padding-left : 10px;
padding-right: 10px;
vertical-align : middle;
text-align: right;
}

/* SUBLINKS */

.subtable { 
background	:white;
color		:inherit;
padding		:4px 8px 4px 8px;
height		:23px;
border		:1px solid #101042;
}
.subtable a { 
font		: 11px Verdana, Arial, Helvetica, sans-serif; 
background	:transparent;
color		:#101042;
padding		:0px 0px;
text-decoration	:none;
text-transform	:lowercase;
}
.subtable a:hover { 
font		:11px Verdana, Arial, Helvetica, sans-serif; 
background	:transparent;
color 		:#101042; 
padding		:0px 0px;
text-decoration	:none;
text-transform	:lowercase;
}
.subtableactive { 
background	:#EB8D1C;
color		:inherit;
padding		:4px 8px 4px 8px;
height		:23px;
border		:1px solid #101042;
}
.subtableactive a { 
font		: 11px Verdana, Arial, Helvetica, sans-serif; 
background	:transparent;
color		:white;
padding		:0px 0px;
text-decoration	:none;
text-transform	:lowercase;
}
.subtableactive a:hover { 
font		:11px Verdana, Arial, Helvetica, sans-serif; 
background	:transparent;
color 		:white; 
padding		:0px 0px;
text-decoration	:none;
text-transform	:lowercase;
}

/* SEARCHFORM CANDIDATES */

fieldset{
color		:#6D7987;
}

.kndzoektbl { 
background	:white; 
color		:#101042;
padding		:0px 0px 0px 0px; 
width		:90%;
margin		:0px 20px;
}
legend {
color		:#101042;
background	:transparent;
}
.chapo {
border-top	:0px #101042 solid;
border-right	:0px #101042 solid;
border-bottom	:0px #101042 solid;
border-left	:0px #101042 solid;
margin-top	:4px;
padding-top	:2px;
padding-right	:2px;
padding-bottom	:2px;
padding-left	:2px;
width		:100%;
background	:#eeeeee;
font-size	:10px;
}

/* TREE MENU */

.treemenu {
background : transparent;
width : 100%;
}

.tree_level1 {
background : #3F4881;
height : 30px;
padding : 2px 10px 3px 8px;
width : 100%;
border-bottom: 2px solid #353E77;
}
.tree_level1 a {
color: #A1A8D2;
font: 11px Verdana, Arial, Helvetica, sans-serif;
text-decoration : none;
}
.tree_level1 a:hover {
color : white;
text-decoration: none;
}
/* active state */

.tree_level1_active {
background : #3F4881;
height : 30px;
padding : 2px 10px 3px 8px;
width : 100%;
border-bottom: 2px solid #353E77;
}
.tree_level1_active a {
color : #ffffff;
font : 11px Verdana, Arial, Helvetica, sans-serif;
text-decoration : none;
}
.tree_level1_active a:hover {
color : white;
text-decoration : none;
}
/* LEVEL 2 */

.main_level2 {
width : 100%;
border: 0px solid yellow;
padding: 2px 0px 2px 20px;
}
.table_level2 {
background : transparent;
border: 0px solid red;
}
.sub_level2 {
border: 0px solid green;
}
.sub_level2 a {
color: #9DA5D4;
font-size: 10px;
}
.sub_level2 a:hover {
text-decoration: none;
color: #ffffff;
}
/* LEVEL 3 */

.table_level3 {
background : transparent;
font-size: 9px;
color: white;
}
.table_level3 a {
color: #101042;
font-size: 10px;
}
.table_level3 a:hover {
text-decoration: none;
color: white;
}
.main_level3 {
padding-left : 40px;
}
.sub_level3 {
background : transparent;
}
/* level 4 */
.table_level4 {
background : #FFCC00;
}
.main_level4 {
padding-left : 35px;
}
.sub_level4 {
}
/* level 5 */
.table_level5 {
background : #FFFFCC;
}
.main_level5 {
padding-left : 45px;
}
.sub_level5 {
}
/* level 6 */

.table_level6 {
background : #000066;
color : #FFFFFF;
}
.main_level6 {
padding-left : 55px;
}
.sub_level6 {
}

/* NEW VACANCY STYLES */

.answer{
color:#101042;
}
.error{
padding:2px 4px 2px 4px;
color:#FF0000;
font:10px Verdana,Arial,Helvetica,sans-serif;
text-align:left;
vertical-align:top;
white-space: nowrap;
background: transparent;
}
.explain {
font:  9px Verdana, Arial, Helvetica, sans-serif;
padding: 10px 4px 10px 4px;
color: #101042;
background: transparent;
}
/* FORM HEADER */

.formHeaderContainer {
background: #9FA5C7;
padding: 2px 6px 2px 6px;
height:34px;
}
.formHeaderTbl {
background-color: transparent;
width: 100%;
height: 30px;
}
.formHeader {
font: bold 13px Verdana, Arial, Helvetica, sans-serif;
color: #101042;
}
/* FORM SUB HEADER */

.formSubHeaderContainer {
padding: 10px 0px 4px 0px;
}
.formSubHeaderTbl {
border: 0px dashed #101042;
}
.formSubHeader {
padding:0px 0px 0px 4px;
background:transparent;
color:#101042;
font:bold 11px Verdana, Arial, Helvetica, sans-serif;
text-align:left;
}
/* FORM TEXT */

.formTextContainer {
background: transparent;
}
.formTextTbl{
width: 100%;
border: 0px dashed #999999;
}
.formTextTbl2{
width: 100%;
border: 0px dashed #999999;
}
.formText {
padding: 10px 4px 10px 4px;
background: transparent;
line-height: 16px;
}
/* QUESTION TABLES */

.QuestionTbl {
margin: 0px 0px 0px 0px;
width: 100%;
border: 0px solid #666666;
}
.Hquestion {
width:120px;
background:transparent;
color:#101042;
font: 11px Verdana, Arial, Helvetica, sans-serif;
text-align:left;
vertical-align:top;
padding: 2px 4px 2px 4px;
background: transparent;
line-height: 16px;
}
.HquestionNW {
background:transparent;
color:#101042;
font: 12px Arial,Verdana, Helvetica, sans-serif;
text-align:left;
vertical-align:top;
padding: 2px 4px 2px 4px;
background: transparent;
line-height: 16px;
}
.Vquestion{
background:transparent;
color:#101042;
font: 11px Verdana, Arial, Helvetica, sans-serif;
text-align:left;
vertical-align:top;
padding: 2px 4px 2px 4px;
line-height: 16px;
}
.FieldContainer {
vertical-align: left;
padding: 2px 4px 2px 4px;
background: transparent;
}
.FieldContainer select {
font: 10px Verdana;
vertical-align: left;
}
/* SMALL TABLES FOR FORMS */

.formTblContainer {
}
.formTbl {
width: 100%;
}
.formTblButtonCell {
padding: 4px 0px 4px 4px;
text-align: left;
background: transparent;
}
.formButton {
padding: 4px 0px 4px 4px;
text-align: left;
background: transparent;
}
/* PAGE LINKS FOR MYPROFILE */

.pageLinkContainer {
padding: 10px 4px 10px 0px;
background: transparent;
}
.pageLinkTbl {
color: #101042;
}
.pagelink {
padding: 0px 2px 0px 4px;
}
.pageLink a {
color: #101042;
text-decoration: none;
}
.pageLink a:hover {
}
/* ITEMS */

.itemHeader {
font: bold 11px Verdana, Arial, Helvetica, sans-serif; 
padding: 2px 4px 2px 4px;
}
.itemContainer {
border:0px solid #101042;
background:transparent;
border: 0px solid #101042;
width: 100%;
margin-top: 10px;
}
.itemStartTbl {
width: 100%;
}
.itemButtonContainer {
text-align: right;
}
.itemButtonSml {
text-align: right;
width: 30px;
padding-right: 2px;
}
.itemButtonSml input {
width: 20px;
}
.itemTblContainer {
padding: 0px;
}
.itemTbl {
background: transparent; 
margin-left: 0px;
width: 100%;
border: 0px solid red;
}
/* LIST STYLES */

.listCatContainer {
padding: 10px 6px 0px 4px;
}
.listCatTbl {
width: 100%;
background: #9FA5C7;
border-bottom: 0px solid #101042;
}
.listCat {
padding: 2px 4px 2px 4px;
color: #101042;
background: transparent;
font-weight: bold;
text-align: left;
}
.vacancyItemContainer {
padding: 1px 6px 1px 4px;
}
.vacancyItemTbl { 
background: #f8f8f8;
}
/* functienaam */

.listFunctionContainer {
background: #eeeeee;
}
.listFunctionTbl {
width: 100%;
}
.listFunctionName {
background: transparent;
padding: 2px 4px 2px 4px;
font-weight: bold;
}
.listFunctionName a {
color: #101042;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}

.lastupdate {
font-size: 9px;
text-align: right;
color: #eeeeee;
vertical-align: top;
padding: 6px 0px 0px 0px;
}
/* keyword */

.listKeywordContainer {
}
.listKeywordTbl {
width: 100%;
}
.listKeyword {
background: transparent;
padding: 1px 4px 1px 4px;
font-size: 10px;
color: #101042;
}
.listKeywordTitle {
background: transparent;
padding: 1px 4px 1px 4px;
font-size: 10px;
width: 80px;
color: #101042;
}
/* chapo */

.listChapoContainer {
}
.listChapoTbl {
}
.listChapo {
background: transparent; 
color: #101042;
padding: 2px 4px 2px 4px;
font-size: 10px;
}
.listChapo a {
font-size: 10px;
color: #E8E8E8;
}
/* LANGUAGE BAR */

.langBarContainer {
background: #9FA5C7;
height: 34px;
}
.langBarTbl {
background: transparent;
}
.langBarTitle {
font: 9px Verdana, Arial, Helvetica, sans-serif;
color: white;
padding: 2px 4px 4px 4px;
width: 50px;
vertical-align: top;
}
.langBarLink {
padding: 4px 4px 4px 2px;
width: 24px;
}
/* SHORTLIST VACANCY */

.shortListTable {
width: 210px;
border: 1px solid #101042;
margin-top: 10px;
background: #9FA5C7;
}
.ShortListHeaderContainer {
}
.shortListHeaderTbl {
background:transparent;
width: 100%;
}
.shortListHeader {
padding: 2px 4px 2px 4px;
text-transform: uppercase;
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
color:#101042;
}
.shortListTextContainer {
}
.shortListTextTbl {
}
.shortListSubHeader {
}
.shortListText {
font-size: 9px;
padding: 2px 4px 2px 4px;
}
.shortListCatContainer {
}
.shortListCatTbl {
}
.shortlistCat {
}
.shorListItemContainer {
}
.shortListItemTbl {
}
.shortListFunctionContainer {
}
.shortListFunctionTbl {
}
.shortListFunctionName {
padding: 2px 4px 2px 4px;
}
.shortListFunctionName a {
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
color: #000085;
text-decoration: underline;
}
.shortListFunctionName a:hover {
font-size: 11px;
color: #000085;
}
.shortListKeywordContainer {
padding: 2px 4px 2px 4px;
}
.shortListKeywordTbl {
}
.shortListKeywordTitle {
font-size: 9px;
padding: 2px 0px 2px 0px;
}
.shortListKeyword {
font-size: 9px;
}
.shortListRelationName {
font-weight: bold;
}

/* NEWS SHORT LIST */

.nwsShortListTable {
width: 140px;
border: 1px solid #101042;
margin-top: 10px;
background: #9FA5C7;
}
.nwsShortListHeaderContainer {
}
.nwsShortListHeaderTbl {
background:transparent;
width: 100%;
}
.nwsShortListHeader {
padding: 2px 4px 2px 4px;
text-transform: uppercase;
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
color:#101042;
}
.nwsShortListTextContainer {
}
.nwsShortListTextTbl {
}
.nwsShortListSubHeader {
padding: 2px 4px 2px 4px;
}
.nwsShortListText {
font-size: 9px;
padding: 2px 4px 2px 4px;
}
.nwsShortListCatContainer {
}
.nwsShortListCatTbl {
}
.nwsShortListCat {
}
.nwsShortListItemContainer {
}
.nwsShortListItemTbl {
}
.nwsShortListFunctionContainer {
}
.nwsShortListFunctionTbl {
}
.nwsShortListFunctionName {
padding: 2px 4px 2px 4px;
font-size: 9px;
color: #101042;
}
.nwsShortListFunctionName a {
font-size: 9px;
color: #CC6600;
text-decoration: underline;
}
.nwsShortListFunctionName a:hover {
font-size: 11px;
color: #000085;
}
.nwsShortListKeywordContainer {
}
.nwsShortListKeywordTbl {
}
.nwsShortListKeywordTitle {
font-size: 9px;
padding: 2px 4px 2px 0px;
}
.nwsShortListKeyword {
font-size: 9px;
}
.nwsShortListRelationName {
font-weight: bold;
}

/* NEWS HOOK */

.nwsSubHookTable {
width: 140px;
border: 1px solid #101042;
margin-top: 10px;
background: #9FA5C7;
}
.nwsSubHookHeaderContainer {
}
.nwsSubHookHeaderTbl {
background:transparent;
width: 100%;
}
.nwsSubHookHeader {
padding: 2px 4px 2px 4px;
text-transform: uppercase;
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
color:#101042;
}
.nwsSubHookTextContainer {
}
.nwsSubHookTextTbl {
}
.nwsSubHookSubHeader {
padding: 2px 4px 2px 4px;
}
.nwsSubHookText {
font-size: 9px;
padding: 2px 4px 2px 4px;
}
.nwsSubHookWordContainer {
padding: 2px 4px 2px 4px;
}
.nwsSubHookWordTbl {
}
.nwsSubHookWord {
}
.nwsSubHookFieldContainer {
padding: 2px 4px 2px 0px;
}
.nwsSubHookFieldContainer input {
width: 120px;
border-top: 1px solid #454545;
border-right: 1px solid #9B9BA3;
border-bottom: 1px solid #C3C7CA;
border-left: 1px solid #9D9DA7;
}
.nwsSubHookButtonContainer {
padding: 0px 4px 4px 4px;
}
.nwsSubHookButtonContainer input {
border: 1px solid white;
font-size: 9px;
color: white;
background: #7D83A5;
height: 16px;
}
/* AGENT SUB HOOK */

.agentSubHookTable {
width: 140px;
border: 1px solid #101042;
margin-top: 10px;
background: #9FA5C7;
}
.agentSubHookHeaderContainer {
}
.agentSubHookHeaderTbl {
background:transparent;
width: 100%;
}
.agentSubHookHeader {
padding: 2px 4px 2px 4px;
text-transform: uppercase;
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
color:#101042;
}
.agentSubHookTextContainer {
}
.agentSubHookTextTbl {
}
.agentSubHookSubHeader {
padding: 2px 4px 2px 4px;
}
.agentSubHookText {
font-size: 9px;
padding: 2px 4px 2px 4px;
}
.agentSubHookWordContainer {
padding: 2px 4px 2px 4px;
}
.agentSubHookWordTbl {
}
.agentSubHookWord {
}
.agentSubHookFieldContainer {
padding: 2px 4px 2px 0px;
}
.agentSubHookFieldContainer input {
width: 120px;
border-top: 1px solid #454545;
border-right: 1px solid #9B9BA3;
border-bottom: 1px solid #C3C7CA;
border-left: 1px solid #9D9DA7;
}
.agentSubHookButtonContainer {
padding: 0px 4px 4px 4px;
}
.agentSubHookButtonContainer input {
border: 1px solid white;
font-size: 9px;
color: white;
background: #7D83A5;
height: 16px;
}

/* WEB USER HOOK */

.webUserHookTable {
width: 140px;
border: 1px solid #101042;
margin-top: 10px;
margin-bottom: 10px;
background: #9FA5C7;
}
.webUserHookHeaderContainer {
}
.webUserHookHeaderTbl {
background:transparent;
width: 100%;
}
.webUserHookHeader {
padding: 2px 4px 2px 4px;
text-transform: uppercase;
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
color:#101042;
}
.webUserHookTextContainer {
}
.webUserHookTextTbl {
}
.webUserHookSubHeader {
padding: 2px 4px 2px 4px;
}
.webUserHookText {
font-size: 9px;
padding: 2px 4px 2px 4px;
}
.webUserHookWordContainer {
padding: 2px 4px 2px 4px;
}
.webUserHookWordTbl {
}
.webUserHookWord {
}
.webUserHookFieldContainer {
padding: 2px 4px 2px 0px;
}
.webUserHookFieldContainer input {
width: 120px;
border-top: 1px solid #454545;
border-right: 1px solid #9B9BA3;
border-bottom: 1px solid #C3C7CA;
border-left: 1px solid #9D9DA7;
}
.webUserHookButtonContainer {
padding: 0px 4px 4px 4px;
}
.webUserHookButtonContainer input {
border: 1px solid white;
font-size: 9px;
color: white;
background: #7D83A5;
height: 16px;
}


/* APPLICATION ROW */

.appRowContainer {
padding: 10px 0px 10px 4px;
}
.appRowTbl {
background: white;
border: 1px solid #333333;
width: 100%;
}
.appRow {
font:  11px Verdana, Arial, Helvetica, sans-serif;
padding: 2px 4px 2px 4px;
}

.critContainer{
padding:2px 4px 4px 4px;
background:transparent;
text-align:right;
vertical-align: top;
}
.critContainer select{
font:10px Verdana;
}

.StartContainer {
padding:2px 4px 2px 4px;
background: transparent;
width: 100px;
text-align:left;
}
.startContainer input {
width: 114px;
}
.endContainer {
padding:2px 4px 2px 0px;
background: transparent;
text-align: left;
}
.endContainer input {
width: 120px;
}

.fieldTxtArea {
width: 284px;
margin-left: 0px;
} /* textareas in items */

.functionTxt {
width: 392px;
margin-left: 0px;
} /* function description textarea in opl_item */


.HCritQuestionContainer {
width: 200px;
}
.HCritQuestion {
padding:0px 4px 4px 4px;
background:transparent;
color:#101042;
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
text-align:left;
line-height:16px;
vertical-align:top;
width: 200px;
}
.itemQuestion {
width:70px;
padding:2px 4px 2px 6px;
background:transparent;
color:#101042;
background:transparent;
font:11px Verdana, Arial, Helvetica, sans-serif;
text-align:left;
line-height:16px;
vertical-align:top
}

.itemHolder {
border: 0px #999999 solid;
width: 380px;
margin: 10px 0px 2px 0px;
background: transparent;
}

.fieldContainer input {
}


/* LIST NAVIGATION */

.listNavContainer {
padding: 20px 6px 0px 4px;
}
.listNavTbl {
width: 100%;
background: #9FA5C7;
}
.listNavPrevious {
width: 33%;
padding: 2px 4px 2px 4px;
}
.listNavPrevious a {
}
.listNavPageNumberContainer {
text-align: center;
}
.listNavPageNumberTbl {
}
.listNavPageNumber {
padding: 2px 4px 2px 4px;
}
.listNavPageNumber a {
}
.listNavPageNumberactive {
padding: 2px 4px 2px 4px;
}
.listNavPageNumberActive a {
color: red;
}
.listNavNext {
width: 33%;
text-align: right;
padding: 2px 4px 2px 4px;
}
.listNavNext a {
}




/* I'm travelling at the speed of light */
/* That's why they call me Mr. Fahrenheit */

H1 {
font: bold 13px Verdana, Arial, Helvetica, sans-serif;
color: #101042;
margin:0px;
padding:0px;
}

H2 {
padding:0px;
margin:0px;
color:#101042;
font:bold 11px Verdana, Arial, Helvetica, sans-serif;
text-align:left;
}

H3 {
padding:0px;
margin:0px;
color: #101042;
font-weight: bold;
text-align: left;
}