/* (FS - Colors)
Midnight blue -- #191970;
Soft dark blue - #666699;
Dark green ----- #017a95;
orangeRed ------ #af5a2c;
orange --------- #f47b20;
grey 1 ------ #3f4a4e;
grey 2 ------ #b8b6b6;
grey 3 ------ #EBEBEB;
dark red ------- #871910;


background-color: #3f4a4e;
*/


/* ***************************************
	RESET BASE STYLES
vertical-align: baseline;
*************************************** */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/*==============================
	BODY
	- Set outsite background to grey (#b8b6b6 then -> #DCDBDB then -> #ECEBEB)
div {background-color:#ffffff;}
padding-top:0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px;
margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;
images/icons/lists/li.gif
images/icons/bulet.gif
background-color: #ECEBEB or #EBEBEB; (lighter (#B8B6B6;) gray)
===============================*/
body 
{
	text-align:left;
	margin:0 auto;
	padding:0;	
	font-family:Tahoma, Arial;
	font-size:14px; 
	line-height: 20px;
	background-color: #EBEBEB;
}

/*=====================
li {
	list-style-image : url('../../images/icons/bulet.gif');
	vertical-align: baseline;
}
=====================*/

a {
	/*color: #871910;*/
	color: #800000;
	text-decoration: none;
	outline: none;
}
a:visited {
	
}
a:hover {
	color: #FAA61A;
	text-decoration: underline;
}
p {
	margin: 0px 0px 15px 0;
}
img {
	border: none;
}

ul {
	margin: 5px 0px 15px;
	padding-left: 20px;
}

ul li {
	vertical-align: baseline;	
}

ol {
	margin: 5px 0px 15px;
	padding-left: 20px;
}

form {
	margin: 0px;
	padding: 0px;
}
small {
	font-size: 90%;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	line-height: normal;
	list-style-image : url('../../images/icons/lists/li.gif');
	vertical-align: baseline;	
}
h1 { font-size: 1.8em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.0em; }
h5 { font-size: 0.9em; }
h6 { font-size: 0.8em; }

h4 {text-align:left;}

dt {
	margin: 0;
	padding: 0;
	font-weight: bold;
}
dd {
	margin: 0 0 1em 1em;
	padding: 0;
}
pre, code {
	font-family:Monaco,"Courier New",Courier,monospace;
	font-size:14px;
	background:#EBF5FF;
	overflow:auto;
}
code {
	padding:2px 3px;
}
pre {
	padding:3px 15px;
	margin:0px 0 15px 0;
	line-height:1.3em;
}
blockquote {
	padding:3px 15px;
	margin:0px 0 15px 0;
	line-height:1.3em;
	background:#EBF5FF;
	border:none !important;
}
blockquote p {
	margin:0 0 5px 0;
}

/* =======================
	margin-bottom: 1px; 
	list-style-image : url('../../images/icons/bulet.gif');
	vertical-align: -10px;
	border:solid 1px red;
*/
ul.TSlibulet {
	margin: 5px 0px 15px;
	padding-left: 20px;
}

ul.TSlibulet li {
	list-style-image : url('../../images/icons/bulet.gif');
}
/*==========================*/

/*==============================
	SITE WRAPPER
	- set inside background to white
	border:solid 1px red; 
	background-color:#ffffff; 
	height:820px;
===============================*/
   .site-wrapper {
	margin-left:auto; 
	margin-right:auto;
	padding:0;
	width:800px;
	min-height: 100%;
	height: auto !important;
	background-image: url(../../images/TS_images/TS_background_img.jpg);
}

/*==============================
	HEADER WRAPPER
	border:solid 1px green;
===============================*/
    .header-wrapper{
    width:800px; 
    height:162px;
    }

   .TS-colorbar-01 {
	float:left; 
	padding-left:8px;
	padding-bottom:3px;
	width:783px;
	height:7px;
	}

   .TS-Logo-LeftArea {
	float:left;
	padding-left:8px;
	width:96px;
	height:114px;
	}
	
   .TS-Logo {
    float:left;
	width:96px;
	height:93px;
	}

   .TS-Logo-bottom-spacer {
	float:left;
	width:96px;
	height:18px;
	}

   .TS-Logo-RightArea {
	float:left;
	width:690px;
	height:111px;
	}

   .TS-Logo-RightSide-Top {
	float:left;
	width:690px;
	height:82px;
	}

   .TS-Logo-RightSide-Bottom {
	float:left;
	width:690px;
	height:29px;
	}

   .TS-SloganArea {
	float:left;
	width:460px; /*576px */
	height:82px;
	}

   .TS-min-max-box-Area {
	float:left;
	width:121px; /*111px */
	height:80px;
	}

   .TS-min-max-Area {
	float:left;
	width:231px; /*111px */
	height:38px;
	}
   .pan-max-min-res-top-spacer {
	float:left;
	width:111px;
	height:4px;
	}

   .pan-max-min-res-left-spacer {
	float:left;
	width:4px;
	height:38px;
	}

   .plus-area {
	float:left;
	width:33px;
	height:38px;
	}

   .TS-max-button {
	float:left;
	width:33px;
	height:33px;
	}

   .pan-max-min-restore007 {
	float:left;
	width:1px;
	height:38px;
	}

   .min-area {
	float:left;
	width:33px;
	height:38px;
	}

   .TS-min-button {
	float:left;
	width:33px;
	height:33px;
	}

   .pan-max-min-restore009 {
	float:left;
	width:1px;
	height:38px;
	}

   .res-area {
	float:left;
	width:33px;
	height:38px;
	}

   .TS-res-button {
	float:left;
	width:33px;
	height:33px;
	}

   .pan-max-min-restore011 {
	float:left;
	width:6px;
	height:38px;
	}

   .pan-max-min-restore012 {
	float:left;
	width:33px;
	height:5px;
	}

   .pan-max-min-restore013 {
	float:left;
	width:33px;
	height:5px;
	}

   .pan-max-min-restore014 {
	float:left;
	width:33px;
	height:5px;
	}

   .TS-min-max-res-bottom-spacer {
	float:left;
	padding-top:4px;
	width:111px;
	height:40px;
	}

   .TS-Search {
	float:left;
	width:684px;
	height:29px;
    }

    .header-navi {
	float:left; 
	padding-left:10px;
	width:780px; 
	height:36px;
	}


/*==============================
	CONTENT-WRAPPER
.content-wrapper {
float:left;
		min-height:200px;
		height:auto !important;
		height:200px;
}
html>body #outer{height:auto}
 
  .clear {
    clear:both;
    height:1px;
    overflow:hidden;
  }
		border:solid 1px red;

    .content-wrapper{
	    width:800px;
	    padding-top:5px;
	    min-height:180px;
	    font-size:14px; 
    }
===============================*/

    .content-wrapper{
	    width:800px;
	    padding-top:0px;
	    min-height:180px;
	    font-size:14px; 
    }

  .clear {
    clear:both;
    height:1px;
    overflow:hidden;
  }
 
    #tblcontent {	
		border:0; 
		padding:0;
		border-collapse: collapse;
		border-spacing: 0;
	}
    
    #tblcontent td {	
		vertical-align:top;
	}
	
	
   .TS-main-img {
	float:left;
	padding-left:10px;
	width:781px;
	height:190px;
	}
	
	/* (FS04272010) Announcement -----*/
	.TS_announcement {
		float:left;	
		padding-left:10px;
		width:780px;
	}
	
	#TS_scrollAnn {
		background-color:#F1C558;
		border-color:#D6B486;
		border-width:2px;
		border-style:ridge;
		font:bold 14px Tahoma;	
		height:24px;			
	}
   /* End of Announcement -----------*/
   
   .TS-subheader-img {
	float:left;
	padding-left:10px;
	width:781px;
	height:125px;
	}

   .TS-breadcrumb {
	float:left;
	padding-left:20px;
	padding-top:13px;
	width:780px;
	height:26px;
	}

/*==============================
	CONTENT-LEFT-MAIN
===============================*/
    .content-left { 
    float:left; 
    padding-left:8px;
    width:534px; 
    height:416px;
    }


/*==============================
	OUTER BOX CONTAINER
	border:2px solid #000; 
	border:2px solid #530D0D;
===============================*/ 
   .TS-Rotator-box {
	float:left;
	padding-top:15px;
	padding-left:20px;
	width:490px;
	height:165px;
	}
	
	
/*
Rotator.
	    border-top:3px solid #92a5bc;
	    border-bottom:1px solid #92a5bc;
*/
    #wrapper {
	    width:470px; 
	    height:161px;
	    margin:0;
	    border: 1px solid #92a5bc; 
    }

    #rotator {
	    background:#FFF;
	    color:#000;
	    position:relative;
	    padding-bottom:2.6em;
	    margin:0; 
	    font-size:12px;
    }

    /* Tabs */
    ul.ui-tabs-nav, li.ui-tabs-nav-item, li.ui-tabs-nav-item a:link, li.ui-tabs-nav-item a:visited {
	    margin:0;
	    padding:0;
	    border:0;
	    outline:0;
	    line-height:1.3;
	    text-decoration:none;
	    font-size:100%;
	    list-style:none;
	    float:left;
	    font-family:Arial, Helvetica, sans-serif;
    }

    ul.ui-tabs-nav {
	    position:absolute;
	    bottom:0px;
	    left:0;
	    z-index:1;
	    width:100%;
	    background:#FFF url(../../images/uitabsbg.gif) repeat-x bottom right;
	    border-top:1px solid #FFF;
    }

    /* Non-Selected Tabs */
    li.ui-tabs-nav-item a:link,
    li.ui-tabs-nav-item a:visited {	
	    font-size:.8em;
	    font-weight:normal;
	    color:#2828A3;
	    background:#FFF url(../../images/uitabsbg.gif) repeat-x bottom left; 
	    border-left:1px solid #FFF;
	    border-right:1px solid #c5ced9;
    }

    /* Hovered Tab */
    #rotator .ui-tabs-nav-item a:hover,
    #rotator .ui-tabs-nav-item a:active {
	    background:#FFF url(../../images/uiactivetabbg.gif) repeat-x bottom left;
	    color:#333;
    }

    #rotator .ui-tabs-nav-item a span {
	    float:left; 
	    padding:1em; 
	    cursor:pointer;
    }

    /* Active Tab */
    #rotator .ui-tabs-selected a:link,
    #rotator .ui-tabs-selected a:visited,
    #rotator .ui-tabs-selected a:hover,
    #rotator .ui-tabs-selected a:active {
	    background:#fff url(../../images/uiactivetabbg.gif) repeat-x bottom left;
	    color:#333;
    }

    /* 
    Content Panels 
	    border:3px solid red;  
    */
    #rotator .ui-tabs-panel {
	    font-family:Arial, Helvetica, sans-serif;
	    clear:left;
	    color:#000;
	    padding:10px 5px 10px 5px;   /*top, right, bottom, left*/
	    height:110px;
    }

    #rotator .ui-tabs-hide {
		height:110px;
	    display:none;
    }

    #rotator h2 {
	    color:#000080; /*#E75D00 - orange*/
	    font-weight:bolder;
	    margin:0;
	    line-height:1.2em;
    }

    #rotator h3 {
	    font-weight:500;
	    margin:0;
	    line-height:1.2em;
    }
    
    
    #rotator p {
	    font-size:1.1em;
	    margin:.5em 0;
	    color:#333;
    }

    #rotator .btn_learn_more {
	    float:left;
	    height:26px;
	    font-size:.9em;
    }

    /* Background Images 
	You cannot add alt text, etc., to a background image.  A background image
	should just be for looks, not for content.  If you think the image should
	have alt text for those who cannot see it, that would seem to imply that it is
	intended to provide content.  Similarly, if it has a link, it is not
	background decoration but a functional part of the page. In that case, it
	should be in an <img> tag with the usual attributes, not be a
	background-image.
	*/
    #rotator #fragment-1 {
	    background:transparent url(../../images/TS_images/TS_Rotator_box.jpg) no-repeat top left;
    }

    #rotator #fragment-2 {
	    background:transparent url(../../images/TS_images/TS_Rotator_box.jpg) no-repeat top left;
    }

    #rotator #fragment-3 {
	    background:transparent url(../../images/TS_images/TS_Rotator_box.jpg) no-repeat top left;
    }

    #rotator #fragment-4 {
	    background:transparent url(../../images/TS_images/TS_Rotator_box.jpg) no-repeat top left;
    }
	
	#rotator #fragment-5 {
	    background:transparent url(../../images/TS_images/TS_Rotator_box.jpg) no-repeat top left;
    }
	
	#rotator #fragment-6 {
	    background:transparent url(../../images/TS_images/TS_Rotator_box.jpg) no-repeat top left;
    }
	
	#rotator #fragment-7 {
	    background:transparent url(../../images/TS_images/TS_Rotator_box.jpg) no-repeat top left;
    }
	
	#rotator #fragment-8 {
	    background:transparent url(../../images/TS_images/TS_Rotator_box.jpg) no-repeat top left;
    }
     
/*==============================
		END ROTATOR
===============================*/     
     
     
     
     
     
   .TS-TechConnect-box {
    float:left;
	padding-top:8px;
	padding-left:18px;
	width:234px;
	height:179px;
	}

   .TS-TechConnect-box017 {
	float:left;
	width:17px;
	height:36px;
	}

   .TS-TechConnect-btn {
	float:left;
	width:194px;
	height:28px;
	}

   .TS-TechConnect-box019 {
	float:left;
	width:23px;
	height:36px;
	}

   .TS-TechConnect-box023 {
	float:left;
	width:194px;
	height:8px;
	}

   .TS-MyTechDesk-box {
	float:left;
	padding-left:8px;
	padding-top:8px;
	width:247px;
	height:179px;
	}

   .TS-MyTechDesk-btn-left-spcr{
	float:left;
	width:19px;
	height:36px;
	}

   .TS-MyTechDesk-btn {
	float:left;
	width:194px;
	height:28px;
	}

   .TS-MyTechDesk-btn-right-spcr {
	float:left;
	width:34px;
	height:36px;
	}

   .TS-MyTechDesk-box024 {
	float:left;
	width:194px;
	height:8px;
	}

/*==============================
	CONTENT-RIGHT-MAIN
	border:2px solid #530D0D;
===============================*/
    .content-right {  
    float:left;
    width:251px;
    height:416px;
    }
    
   .TS-TechJOB-btn {
	float:left;
	padding-left:1px;
	padding-top:16px;
	width:232px;
	height:122px;
	}

   .TS-TechPLAN-btn {
	float:left;
	padding-left:1px;
	padding-top:10px;
	width:232px;
	height:122px;
	}
	
   .TS-TechCALENDAR-btn {
	float:left;
	padding-left:1px;
	padding-top:10px;
	width:232px;
	height:122px;
	}


/*==============================
	SUBPAGE-ABOUT-CONTENT
	height:300px; 
	border:1px solid red;
===============================*/
div.TS-subcontent-leftNright {
	float:left;
	padding-left:30px;
	padding-right:10px;
	width:730px;
	min-height: 20px;
	height: auto !important;
}

	.TS-subcontent-leftNright h2 { text-align: center; margin: 0; }
	
div.TS-subcontent-left {
	float:left;
	padding-left:30px;
	padding-right:10px;
	width:480px;
	min-height: 37px;
	height: auto !important;
}


div.TS-subcontent-rignt {
	float:left;
	padding-top:10px;
	width:238px;
	min-height:37px;
	vertical-align: middle;
}

/*==============================
	Left subcontent smaller then right side
	border: solid 1px red;
===============================*/
div.TS-sub-left-smaller {
	float:left;
	padding-left:30px;
	padding-right:10px;
	width:220px;
	min-height:135px;
	height: auto !important;
}

div.TS-sub-right-bigger {
	width:510px;
	float:left;
}

/*==============================
	Left and right side the same
	border: solid 1px red;
===============================*/
div.TS-sub-left-samewidth {
	float:left;
	width:345px;
	min-height:135px;
	height: auto !important;
}

div.TS-sub-right-samewidth {
	width:345px;
	float:left;
}


   .TS-sub-right-bigger h2 { text-align: center; margin: 0; }
   .TS-sub-right-bigger h3 { text-align: center; margin: 0; }
/*==============================
	SUBPAGE-ABOUT-CONTENT
	height:300px;
===============================*/


div.TS-box-right {
	float:left;
	width:238px;
	height:217px;
}

div.TS-subcontent-rignt004 {
	float:left;
	width:238px;
	height:143px;
}

/*==============================
	Matrix subpage td. note: need to specify all level.
	background: #E9E9E9;
	padding:10px;
===============================*/
td.skillsMatrix {
	vertical-align: top;
}




/*==============================
		FOOTER
	    height:80px;
===============================*/
    .footer-wrapper{
	    width:800px;
		height:93px;
    }
	
   .TS-colorbar-02 {
	float:left; 
	padding-left:8px;
	padding-top:12px;
	width:783px;
	height:7px;
	}

   .TS-new06-47 {
	float:left;
	padding-left:9px;
	padding-top:3px;
	width:782px;
	height:5px;
	}

   .TS-new06-48 {
	float:left;
	padding-left:9px;
	width:16px;
	height:61px;
	}

   .TS-SDCOE-Logo {
	float:left;
	width:221px;
	height:43px;
	}

   .TS-new06-50 {
	float:left;
	width:18px;
	height:61px;
	}

   .TS-CDE-Logo {
	float:left;
	width:50px;
	height:48px;
	}

   .TS-new06-52 {
	float:left;
	width:477px;
	height:61px;
	}

   .TS-new06-53 {
	float:left;
	width:221px;
	height:18px;
	}

   .TS-new06-54 {
	float:left;
	width:50px;
	height:13px;
	}
	
	
	
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #2828A3;
	border-left: 1px solid #2828A3;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #2828A3;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}


/*==============================
		TABS
===============================*/
.tab_container {
	border: 1px solid #2828A3;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
}
.tab_content {
	padding: 20px;
	font-size: 1.2em;
}



     
     
     
     
     
/*==============================
BUTTONS MANIPULATION
===============================*/
.buttonLeft {
	float:left;
}

.buttonRight {
	float:right;
}

.button {
    padding: 4px 10px 3px 25px;
    border: solid 1px #8AB134;
    position: relative;
    cursor: pointer;
    display: inline-block;
    background-image: url('../../images/bkg.png');
    background-repeat: repeat-x;
    font-size: 14px;
    height: 16px;
    text-decoration: none;
    color: #40740D;
    /*
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
	*/
}

.button img {
    position: absolute;
    top: -4px;
    left: -12px;
    border: none;
}
.button:hover {
    color: #8AB134;
}


/*==============================
BUTTON01
===============================*/
.button01 
{
	float:right;
    padding: 4px 10px 3px 25px;
    border: solid 1px #8AB134;
    position: relative;
    cursor: pointer;
    display: inline-block;
    background-image: url('../../images/bkg.png');
    background-repeat: repeat-x;
    font-size: 14px;
    height: 16px;
    text-decoration: none;
    color: #40740D;
    /*
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
	*/
}
.button01 img {
    position: absolute;
    top: 4px;
    left: 4px;
    border: none;
}
.button01:hover {
    color: #8AB134;
}


/*==============================
BUTTON SEARCH DOTNET
	border: solid 1px green;
===============================*/

.buttonRightASPX {
	position:relative;
	float:right;
	height: 25px;
	width:290px;
}

.buttonSearchASPX 
{
	float:right;
    padding: 4px 25px 3px 10px;
    border: solid 1px #8AB134;
    position: relative;
    cursor: pointer;
    display: inline-block;
    background-image: url('../../images/bkg.png');
    background-repeat: repeat-x;
    font-size: 14px;
    height: 25px;
    width:90px;
    text-decoration: none;
    color: #40740D;
    /*
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
	*/
}

.buttonRightASPX img {
    position:absolute;
    top: -4px;
	left:70px;
    border: none;
}
.buttonSearchASPX:hover {
    color: #8AB134;
}

/*==============================
TEXT SEARCH
===============================*/
.TextInputSearch {
	float:right;
    padding: 4px 10px 3px 25px;
    border: solid 1px #8AB134;
    position: relative;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 16px;
    width:160px;
}




/*==============================
		BOXES
===============================*/
.FS_box_wraper {
	border: 1px solid #aaaaaa/*{borderColorContent}*/; 
	background: #ffffff/*{bgColorContent}*/ url(../../images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; 
	color: #222222/*{fcContent}*/; 
	}
		
.FS_box_wraper a {
	color: #222222/*{fcContent}*/; 
	}

	#box_links { width: 230px; 	min-height: 100%; height: auto !important; padding: 0.1em; }
	/*==============================
	#box_links h3,h4 { text-align: center; margin: 0; }
	===============================*/	

.FS_box_header {
	width: 227px;
	height: 20px; 
	border: 1px solid #aaaaaa/*{borderColorHeader}*/; 
	background: #cccccc/*{bgColorHeader}*/ url(../../images/bkg.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; 
	color: #222222/*{fcHeader}*/; font-weight:lighter; 
	}
	
.FS_box_header a {
	color: #222222/*{fcHeader}*/; 
	}
	
.FS_box_content {
	position: relative;
	padding-left:10px;
	padding-top:8px;
	padding-bottom:8px;
	}	

.FS_box_content h3 {text-align:left;}
.FS_box_content h4 {text-align:left;}


/*==============================
		NAVIGATION BAR
font-weight:bold;
===============================*/

.NavBarselecteditem{
    font-weight:600;
    font-family: Tahoma;
    padding: 1px; 
    background-image: url('../../images/bkg_tab_hover.jpg');
    background-repeat: repeat-x;      
}

.NavBarselecteditem a:hover {
    text-decoration: none;
    color: Black;
}


.IE8Fix { 
    font-weight:600;
    font-family: Tahoma;
    padding: 1px;
    z-index: 100;
}