/*

        WebTabs 1.0 Theme Style Sheet

        Customized for SilverDarkroom.com

        F9F9FE is really light pink...

        . prefix is for class=
                                Classes mark elements as members of a group and
                                can be used multiple times, so if you want to
                                define a style which will be applied to multiple
                                elements you should use a class instead.

        # prefix is for id=
                                IDs identify a specific element and therefore
                                must be unique on the page
    */


    body {

      background: white;
      font-family: Verdana, tahoma, Arial, Helvetica, sans-serif;
      font-size: 11px;
      color: royalblue;
      margin-left: 17px;
      scrollbar-face-color: red;
      scrollbar-arrow-color:#F9F99F;
      scrollbar-track-color:#F6F9F9;
      scrollbar-shadow-color:#C9C9F3;
      scrollbar-lightshadow-color:#FF0000;
      scrollbar-darkshadow-color:#FF0000;
      scrollbar-highlight-color:F9F99F;
      scrollbar-3dlight-color:'';
      scrollbar-darkshadow-Color:''
     
    }

    FORM {
        margin: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px
    }


    /*

    <fieldset><legend>Technical Support</legend> <table border="0" cellpadding="0" cellspacing="0" width="210">
          <tbody><tr>
            <td class="blank" style="padding-left: 5px; padding-bottom: 5px; padding-top: 5px;" valign="top">Gerard
              Ross: Technical Support<br>

              Telephone: 028 90 264158<br>
              Email: <a class="tinygrey" href="mailto:g.ross@belfasttelegraph.co.uk">g.ross@belfasttelegraph.co.uk</a></td>
          </tr>
        </tbody></table>
    </fieldset>

    */

    fieldset {
        border: 1px solid #DCD7D2;
        margin:0px; padding: 0px;
    }


    legend {
        color: #FF0035;
        font-family: Verdana, tahoma, Arial, Helvetica, sans-serif;
        font-size: 8pt;
        font-weight: normal;
        text-decoration: none;
        top:-11px;
    }

  /* Class */
  img.silverImageClass {
    background: transparent;
    margin-right: 8px;
    margin-left: 8px;
    display: inline;
    border: 3px solid royalblue;
  }


    #insurance-dots {
        background-color: #FFFF00;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-top-style: dotted;
        border-right-style: none;
        border-bottom-style: dotted;
        border-left-style: none;
        border-top-color: #333333;
        border-right-color: #333333;
        border-bottom-color: #333333;
        border-left-color: #333333;
        height: 23px; width: 425px;
        font-family: Verdana, tahoma, Arial, Helvetica, sans-serif;
        font-size: 8pt; color: #AA0000;
        padding-top: 4px;
        padding-right: 0px;
        padding-bottom: 2px;
        padding-left: 0px;
        margin-top:5px;
        margin-bottom:5px;
    }

    #results-insurance-dots {
        background-color: #FFFF00;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-top-style: dotted;
        border-right-style: none;
        border-bottom-style: dotted;
        border-left-style: none;
        border-top-color: #333333;
        border-right-color: #333333;
        border-bottom-color: #333333;
        border-left-color: #333333;
        height: 23px;
        width: 413px;
        font-family: Verdana, tahoma, Arial, Helvetica, sans-serif;
        font-size: 8pt;
        color: #AA0000;
        padding-top: 4px;
        padding-right: 0px;
        padding-bottom: 2px;
        padding-left: 0px;
        margin-top:5px;
        margin-bottom:5px;
    }



    #content {
      margin: 2px 2px;
      padding-left: 2px;
      padding-right: 2px;
      background-color: #ffffff
    }


     #listContent{
      padding-left: 12px;
      padding-right: 4px;
      background-color: #ffffff
    }


    #sourceSelect {
      margin: 2px 2px;
      width: 400px;
      padding-left: 2px;
      padding-right: 2px;
      font-family: Verdana, tahoma, Arial, Helvetica, sans-serif;
      background-color: #F9F9FE;
      color: royalblue;
    }

   .silverImageClass  {
      border:6px;
   }

    h1 { 
     font-family: Verdana, tahoma, Arial, Helvetica, sans-serif;
     font-size: 23px;
     display: inline;
     /* sea-green */
     color: #205E75;
    }

    
    
	h1.search {
		border-top: 1px solid #205E75;
		border-bottom: 1px solid #205E75;
		border-right: 1px solid #205E75;
		border-left: 1px solid #205E75;
		background-color: #006b8c;
		color: #ffffff;
		font-family: trebuchet ms, verdana, sans-serif;
		font-size: 11px;
		font-weight: bold;
		text-align: left;
		padding: 3px 0px 3px 10px;
		margin-bottom: 0px;
		margin-top: 0px; 
	}
	
    h2 {
      font-family: Verdana, tahoma, Arial, Helvetica, sans-serif;
      font-size: 13px;
      display: inline;
      color: #48565B;
    }


    a.nav:hover {
      color: red;
      text-decoration: none;
      font-weight: 600;
    }

    a.nav:link {
      color: green;
      text-decoration: none;
      font-weight: 600;
    }

    a.nav:visited {
      color: green;
      text-decoration: none;
      font-weight: 600;
    }

    a.nav:active {
      color: red;
      text-decoration: none;
      font-weight: 600;
    }


    /* External Link with Image Examples...                                                   */
    /*                                                                                        */
    /*      <a href=# class="extLinkLeft" > Here is a link with an image on the Left</a>.     */
    /*      <p></p>                                                                           */
    /*      <a href=# class="extLinkRight" > Here is a link with an image ont theRight</a>.   */

    /*      alternate Ext Link Image:  images/external.png                                    */


    .extLinkLeft {
        padding-left:16px;
        background: url(images/extlink.png) center left no-repeat;
    }

    .extLinkRight {
        padding-right:16px;
        background: url(images/extlink.png) center right no-repeat;
    }



    .tinygrey {
        color: #7F7F7F;
        font-family: Verdana, tahoma, Arial, Helvetica, sans-serif;
        font-size: 7pt;
        font-weight: normal;
        text-decoration: none;
        line-height:14px;
    }

    a.tinygrey:link {
        color: #7F7F7F;
        font-family: Verdana, tahoma, Arial, Helvetica, sans-serif;
        font-size: 7pt;
        text-decoration: none;
        font-weight: normal;
        line-height:14px;
    }

    a.tinygrey:hover {
        color: #7F7F7F;
    }

    a.tinygrey:visited {
        color: #7F7F7F;
    }

    /* CMS Links... */


    a.cms:hover {
      color: red;
      font-size: 13px;
      font-family: Verdana, tahoma, Arial, Helvetica, sans-serif;
    }

    a.cms:link {
      font-size: 13px;
      font-family: Verdana, tahoma, Arial, Helvetica, sans-serif;
      color: green;
    }

    a.cms:visited {
      font-size: 13px;
      font-family: Verdana, tahoma, Arial, Helvetica, sans-serif;
      color: green;
    }

    a.cms:active {
      font-size: 13px;
      font-family: Verdana, tahoma, Arial, Helvetica, sans-serif;
      color: red;
    }

    p {
      padding-top:0px;
      margin-top: 0px;
      font-size: 13px;
      margin-bottom: 4px;
      margin-left: 4px;
      /* color: #205E75; */  /* sea-green */
      color: blue;
      font-family: Verdana, tahoma, Arial, Helvetica, sans-serif;
    }

    P.nav {
      padding-top:0px;
      margin-top: 0px;
      font-size: 13px;
      margin-bottom: 4px;
      margin-left: 4px;
      /* color: #205E75; */  /* sea-green */
      color: red;
      font-family: Verdana, tahoma, Arial, Helvetica, sans-serif;
    }

    /* Following paragraph styles are for the *TabDoc.php line items... */

    p.driverTab {
      padding-top:0px;
      margin-top: 0px;
      font-size: 11px;
      margin-bottom: 4px;
      margin-left: 8px;
      font-family: Verdana, tahoma, Arial, Helvetica, sans-serif;
    }

     p.lvl2Tab {
      padding-top:0px;
      margin-top: 0px;
      font-size: 11px;
      margin-bottom: 4px;
      margin-left: 24px;
      font-family: Verdana, tahoma, Arial, Helvetica, sans-serif;
    }

     p.lvl3Tab {
      padding-top:0px;
      margin-top: 0px;
      font-size: 11px;
      margin-bottom: 4px;
      margin-left: 40px;
      font-family: Verdana, tahoma, Arial, Helvetica, sans-serif;
    }

     p.lvl4Tab {
      padding-top:0px;
      margin-top: 0px;
      font-size: 11px;
      margin-bottom: 4px;
      margin-left: 56px;
      font-family: Verdana, tahoma, Arial, Helvetica, sans-serif;
    }

     p.lvl5Tab {
      padding-top:0px;
      margin-top: 0px;
      font-size: 11px;
      margin-bottom: 4px;
      margin-left: 72px;
      font-family: Verdana, tahoma, Arial, Helvetica, sans-serif;
    }

     p.lvl6Tab {
      padding-top:0px;
      margin-top: 0px;
      font-size: 11px;
      margin-bottom: 4px;
      margin-left: 88px;
      font-family: Verdana, tahoma, Arial, Helvetica, sans-serif;
    }

     p.lvl7Tab {
      padding-top:0px;
      margin-top: 0px;
      font-size: 11px;
      margin-bottom: 4px;
      margin-left: 104px;
      font-family: Verdana, tahoma, Arial, Helvetica, sans-serif;
    }
    
    p.highlight {
      padding-top: 0px;
      margin-top: 17px;
      font-size: 11px;
      margin-bottom:17px;
      margin-left: 17px;
      margin-right: 17px;
      font-family: Verdana, tahoma, Arial, Helvetica, sans-serif;
    }



    .blank {
      color: #78654F;
      font-family: Verdana, tahoma, Arial, Helvetica, sans-serif;
      font-size: 7pt;
      font-weight: normal;
      text-decoration: none;
      line-height:14px;
     }


    .Indented4 {
      padding-top: 0px;
      padding-bottom: 02px;
      margin-left: 4px;
      margin-right: 8px;
      color: royalblue;
    }

    .Indented12 {
      padding-top: 12px;
      padding-bottom: 12px;
      margin-left: 12px;
      margin-right: 12px;
      color: royalblue;
    }

    .Indented18 {
      padding-left: 18px;
      color: royalblue;
    }

    .noindent {
      padding-top:6px;
      padding-bottom:8px;
    }
    
    #Menu {
	position:absolute;
	top:100px;
	left:20px;
	width:162px;
	padding:5px;
	background-color: white;
	border:1px dashed #006b8c;
	line-height:17px;
	/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:150px;
	}
	
	div.menuBar,
	div.menuBar a.menuButton {
	  font-family: "MS Sans Serif", Arial, sans-serif;
	  font-size: 8pt;
	  font-style: normal;
	  font-weight: normal;
	  color: #000000;
	}
		
	
	div.menuBar a.menuButtonActive,
	div.menuBar a.menuButtonActive:hover {
	  background-color: #a0a0a0;
	  border-color: #909090 #f0f0f0 #f0f0f0 #909090;
	  color: #ffffff;
	  left: 1px;
	  top: 1px;
	}
	div.menuBar {
	  background-color: #d0d0d0;
	  border: 2px solid;
	  border-color: #f0f0f0 #909090 #909090 #f0f0f0;
	  padding: 4px 2px 4px 2px;
	  text-align: left;
	}
	
	div.menuBar a.menuButton {
	  background-color: transparent;
	  border: 1px solid #d0d0d0;
	  color: #000000;
	  cursor: default;
	  left: 0px;
	  margin: 1px;
	  padding: 2px 6px 2px 6px;
	  position: relative;
	  text-decoration: none;
	  top: 0px;
	  z-index: 100;
	}
	
	div.menuBar a.menuButton:hover {
	  background-color: transparent;
	  border-color: #f0f0f0 #909090 #909090 #f0f0f0;
	  color: #000000;
	}
		
    div.tab {
		margin-bottom: 50px;
	}
	
	#visibleTab {
		overflow: visible;
	}
	
	#hiddenTab {
		overflow: hidden;
	}
	
	#scrollTab {
		overflow: scroll;
	}
	
	#autoTab {
		overflow: auto;
	}
   

    div.page {
      position: absolute;
      overflow: auto;
      width: 100%;
      height: 100%
    }

    div.bullet {
      display: inline; color: red

    }

    table.tableLine {
      padding-left: 5px;
      width: 100%
    }

    td.header {
      color: f9f9f9;
    }


  /*** BASIC STYLES ***/

	BODY {
		font-family: Verdana, tahoma, Arial, Helvetica, sans-serif;
		color:#000000;
		margin:0px;
		margin:5 0;
		margin-top:0px;
	}

	H1 {
		font-size:150%;
		margin-top:1em; margin-bottom:0.5em;
	}

	H2 {
		font-size:140%;
		margin-top:1em; margin-bottom:0.5em;
	}

	H3, H4, H5, H6 {
		margin-bottom:0.5em;
	}

	DIV.clsDocBody {
		margin-left:10px;
		margin-right:10px;
		margin-top:10px;
	}

	TD, TH { 
		font-size:68%; 
	}

	P {
		line-height:1.5em;
		margin-top:0.5em; 
		margin-bottom:1.0em;
	}

	PRE {
		background:#EEEEEE;
		margin-top:1em; 
		margin-bottom:1em; 
		margin-left:0px;
		padding:5pt;
	}

	SPAN.db PRE, SPAN.ci PRE, SPAN.di PRE {
		background:#EEEEEE;
		padding-top: 0pt;
		padding-bottom: 0pt;
	}

	PRE.clsCode, CODE.clsText { 
		font-size:110%; 
		font-family:'courier new',	courier,serif; 
	}

	PRE.clsCCCode { 
		font-size:120%; 
		font-family:'courier new',courier,serif;
		background:none 
	}

	PRE.clsSyntax { 
		font-size:100%; 
		font-family: Verdana, tahoma, Arial, Helvetica, sans-serif;
	}

	HR {
		color:#CCCCCC;
		height:1px;
	}

	UL LI {
        margin-left:17px;
        margin-right:17px;
        margin-top:10px;
        margin-bottom:10px;
        list-style-type: square;
        line-height: 1.5em;
        margin: 0.3em 1.5em 0 1.5em;
        padding:0;
        list-style-image: url("/images/bullet.gif");
    }

	OL { 
		margin-left:25px; 
		margin-top:10px; 
		margin-bottom:10px; 
	}


	INPUT.clsButton { 
		font-weight: bold; 
		color: #ffffff; 
		background-color: #6699cc; 
		margin-top: 10px; 
		margin-left: 5px; 
	}

	/*** eventHandler Codes  ***/

	P.small	{
		font-family: Verdana;
		font-size: 85%;
	}

	P.smallWhite {
		font-family: Verdana;
		font-size: 85%;
		color:#FFFFFF;
	}

	P.author {
		font-family: Verdana;
		font-size: 85%;
	}


	p.NoLeftMar {
		margin-left:-15px;
	}

	A.small {
		font-family: Verdana;
		font-size:95%;
		text-decoration:underline;
	}

	A.smallWhite {
		font-size: 85%;
		text-decoration:underline;
		color:#FFFFFF;
	}

	.CODE {
        font-family: courier;
	}

	.CODE2 {
		background-color:#CCCCCC;
        font-family: courier;
	}

	.DATE {
		color:#999999;
	}

	.VRULE {
		border-left: #CCCCCC 1px solid;
	}

	TITLE.open {
		font-size: 95%;
		color: #FFFFFF;
	}

	TITLE.closed {
		font-size: 95%;
		color: #000000;
	}

	TABLE.DATA {
		border-collapse: collapse;
		border-left: solid 1px #CCCCCC; 
		border-top: solid 1px #CCCCCC;
		padding: 5px;
	}

	TH.DATA {
		border-right: solid 1px #CCCCCC; 
		border-bottom: solid 1px #CCCCCC;
		background-color: #EEEEEE;
	}

	TD.DATA {
		font-size: 100%;
		border-right: solid 1px #CCCCCC; 
		border-bottom: solid 1px #CCCCCC;
		background-color: #FFFFFF;
	}

	table.clsCCDCInfo {
		background-color:#EEEEEE;
	}

	.LOCATION {
		font-size: 24px;
		color: #CCCCCC;
	}

	#idTBGlobal, #idTBLocal { 
		font-size:8pt; 
	}


    /* PHP source code highlighting ------------------------------------------- */
    
    div.phpcode span.html {
        /* grey-green */
    	color: #48565B;
        font-family: Verdana;
    	background-color: transparent;
    }
    div.phpcode span.comment {
        /* peach-orange */
    	color: #FF8080;
        font-family: Verdana;
    	background-color: transparent;
    }
    div.phpcode span.default {
        /* tourquise */
    	color: #00ADD9;
        font-family: Verdana;
    	background-color: transparent;
    }
    div.phpcode span.keyword {
         /* light-purple */
        color: #9966FF;
        font-family: Verdana;
        font-weight: bold;
    	background-color: transparent;
    }
    div.phpcode span.string {
         /* sea-green */
    	color:   #008080;
        font-family: Verdana;
    	background-color: transparent;
    }

     a.phpString:hover {
      color: red;
    }

    a.phpString:link {
      color:  #008080;
    }

    a.phpString:visited {
      color:  #008080;
    }

    a.phpString:active {
      color: red;
    }

    div.dr  { background-image: url(/images/soapBar4.jpg);
	      background-repeat: repeat-x;
	      margin: 0em number% 0;
	      border: 0px double #999999;
	      padding: 0px 0 0;
	      height: 4px;
	 }