#feedAndShare {
	margin:5px;
	margin-left:8px;
}
#feedAndShare > a {
	color:#000;
	text-decoration:none
}
#feedAndShare > a:hover {
	color:#000;
	text-decoration:none
}
#feedAndShare > a > img {
	position:relative;
	top:2px;
}

/* base.css */


 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section browser reset
  * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
  */

  /* (en) Global reset of paddings and margins for all HTML elements */
  /* (de) Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente */
  * { margin:0; padding: 0; position:relative; z-index:1; }

  /* (en) Correction: margin/padding reset caused too small select boxes. */
  /* (de) Korrektur: Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen. */
  option { padding-left: 0.4em }

 /**
  * (en) Global fix of the Italics bugs in IE 5.x and IE 6
  * (de) Globale Korrektur des Italics Bugs des IE 5.x und IE 6
  *
  * @bugfix
  * @affected   IE 5.x/Win, IE6
  * @css-for    IE 5.x/Win, IE6
  * @valid      yes
  */
  * html body * { overflow:visible; }
  * html iframe, * html frame { overflow:auto; }
  * html frameset { overflow:hidden; }

  /* (en) Forcing vertical scrollbars in Netscape, Firefox and Safari browsers */
  /* (de) Erzwingen vertikaler Scrollbalken in Netscape, Firefox und Safari Browsern */
  html { height: 100%; margin-bottom: 1px;
         background-color: #eaf0f5;
  }
  body {
    /* (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser */
    /* (de) Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen */
    font-size: 100.01%;

    /* (en) Standard values for colors and text alignment */
    /* (de) Vorgabe der Standardfarben und Textausrichtung */
    color: #000;
    
    text-align: left;
    background-image: url("../img/sitebgrepeat.jpg");
         background-repeat: repeat-x;
         background-position: top center;
  }

  /* (en) Clear borders for <fieldset> and <img> elements */
  /* (de) Rahmen für <fieldset> und <img> Elemente löschen */
  fieldset, img { border: 0 solid; }

  /* (en) new standard values for lists, blockquote and cite */
  /* (de) Neue Standardwerte für Listen & Zitate */
  ul, ol, dl { margin: 0 0 1em 1em }
  li { margin-left: 1.5em; line-height: 1.5em; }

  dt { font-weight: bold; }
  dd { margin: 0 0 1em 2em; }

  blockquote { margin: 0 0 1em 1.5em; }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section base layout | Basis Layout
  * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
  *
  * |-------------------------------|
  * | #header                       |
  * |-------------------------------|
  * | #col1   | #col3     | #col2   |
  * | 200 px  | flexible  | 200px   |
  * |-------------------------------|
  * | #footer                       |
  * |-------------------------------|
  */

  #header { position:relative }

  #topnav {
    position:absolute;
    top: 10px;
    right: 10px;

    /* (en) essential for correct alignment in Opera 6 ! */
    /* (de) Erforderlich, damit im Opera 6 wirklich rechts plaziert ! */
    text-align: right;
  }

  /* (en) Backup for correct positioning */
  /* (de) Absicherung korrekte Positionierung */
  #header, #nav, #main, #footer { clear:both; }

  /* (en/de) Standard: 200 Pixel */
  #col1 { float: left; width: 200px }
  /* (en/de) Standard: 200 Pixel */
  #col2 { float:right; width: 200px }
  /* (en) Standard: center column with flexible width */
  /* (de) Standard: Flexible mittlere Spalte */
  #col3 { width:auto; margin: 0 200px }

  /* (en) Adjustment: sort #col3 behind float columns using z-index */
  /* (de) Anpassung: #col3 mittels z-index hinter die float-Spalten verschieben */
  #col1 {z-index: 3}
  #col2 {z-index: 5}
  #col3 {z-index: 1}
  #col1_content {z-index: 4}
  #col2_content {z-index: 6}
  #col3_content {z-index: 2}

  #col1_content, #col2_content, #col3_content { position:relative }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section generic classes for layout switching | Generische Klassen zur Layoutumschaltung
  * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
  *
  * .hidecol1 -> 2-column-layout (using #col2 and #col3)
  * .hidecol2 -> 2-column-layout (using #col1 and #col3)
  * .hideboth -> single-column-layout (using #col3)
  */

  .hideboth #col3 {margin-left: 0; margin-right: 0}
  .hidecol1 #col3 {margin-left: 0; margin-right: 200px}
  .hidecol2 #col3 {margin-left: 200px; margin-right: 0}

  .hideboth #col1, .hideboth #col2 {display:none}
  .hidecol1 #col1 {display:none}
  .hidecol2 #col2 {display:none}

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section clearing methods
  * @see     http://yaml.de/en/documentation/basics/general.html
  */

  /* (en) clearfix method for clearing floats */
  /* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
   .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
  }

  /* (en) essential for Safari browser !! */
  /* (de) Diese Angabe benötigt der Safari-Browser zwingend !! */
  .clearfix { display: block }

  /* (en) overflow method for clearing floats */
  /* (de) Overflow-Methode zum Clearen der Float-Umgebungen */
  .floatbox { overflow:hidden }

  /* (en) IE-Clearing: Only used in Internet Explorer, switched on in iehacks.css */
  /* (de) IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
  #ie_clearing { display: none }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section subtemplates
  * @see     http://www.yaml.de/en/documentation/practice/subtemplates.html
  */

  .subcolumns, .subcolumns_oldgecko {
    width: 100%;
    overflow:hidden;
  }
  .subcolfix {

  }

  /* (en) alternative class for optional support of old  Mozilla/Netscape browers */
  /* (de) Alternative Klasse zur optionalen Unterstützung alter Mozilla/Netscape-Brower */
  .subcolumns_oldgecko { float:left }

  .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; }
  .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; }

  .c25l, .c25r { width: 25% }
  .c33l, .c33r { width: 33.333% }
  .c50l, .c50r { width: 50% }
  .c66l, .c66r { width: 66.666% }
  .c75l, .c75r { width: 75% }
  .c38l, .c38r { width: 38.2% }
  .c62l, .c62r { width: 61.8% }

  .subc  { padding: 0 0.5em }
  .subcl { padding: 0 1em 0 0 }
  .subcr { padding: 0 0 0 1em }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section hidden elements | Versteckte Elemente
  * @see     http://www.yaml.de/en/documentation/basics/skip-links.html
  *
  * (en) skip links and hidden content
  * (de) Skip-Links und versteckte Inhalte
  */

  /* (en) classes for invisible elements in the base layout */
  /* (de) Klassen für unsichtbare Elemente im Basislayout */
  .skip, .hideme, .print {
    position: absolute;
    top: -1000em;
    left: -1000em;
    height: 1px;
    width: 1px;
  }

  /* (en) make skip links visible when using tab navigation */
  /* (de) Skip-Links für Tab-Navigation sichtbar schalten */
  .skip:focus, .skip:active {
    position: static;
    top: 0;
    left: 0;
    height: auto;
    width: auto;
  }


/*
	iehacks.css
*/

  /*------------------------------------------------------------------------------------------------------*/

  /**
   * (en) Debugging: When you see a green background, IE is getting this stylesheet
   * (de) Fehlersuche: Hintergrund leuchtet grün, wenn das Stylesheet korrekt geladen wurde
   *
   * @debug
   * @app-yaml-default disabled
   */

  /* body { background: #0f0; background-image: none; }  */

  /*------------------------------------------------------------------------------------------------------*/

  /**
   * (en) Forcing vertical scrollbars is not needed in IE (only for Firefox/Netscape/Safari)
   * (de) Erzwingen vertikaler Scrollbalken im IE nicht benötigt (nur im Firefox/Netscape/Safari)
   *
   * @workaround
   * @affected   IE 5.x/Win, IE6, IE7
   * @css-for    IE 5.x/Win, IE6, IE7
   * @valid      yes
   */

  html { height: auto; margin-bottom:0; }

  /*------------------------------------------------------------------------------------------------------*/

  /**
   * (en) Fixes IE5.x and IE6 overflow behavior of textarea and input elements elements
   * (de) Korrigiert das fehlerhafte overflow-Verhalten von textarea und input-Elementen
   *
   * @workaround
   * @affected   IE 5.x/Win, IE6
   * @css-for    IE 5.x/Win, IE6
   * @valid      no
   */

  * html textarea { overflow:scroll; overflow-x: hidden; }
  * html input { overflow: hidden; }
  
  /*------------------------------------------------------------------------------------------------------*/

  /**
   * (en) Stability fixes with 'position:relative' 
   * (de) Stabilitätsverbesserungen durch 'position:relative'
   *
   * @bugfix
   * @affected   IE 5.x/Win, IE6, IE7
   * @css-for    IE 5.x/Win, IE6, IE7
   * @valid      yes
   */

  body { position:relative }  /* Essential in IE7 for correct layout scaling ... */
  * html body { position:static }  /* ... but not for IE5.x and IE6 */
  #main { position: relative } /* helpful for several problems in older IE versions*/

  /*------------------------------------------------------------------------------------------------------*/

  /**
   * (en) Clearfix Method for containing floats in IE
   * (de) Clearfix-Anpassung für diverse IE-Versionen
   *
   * @workaround
   * @see        http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/#comment28
   * @affected   IE 5.x/Win, IE6, IE7
   * @css-for    IE 5.x/Win, IE6, IE7
   * @valid      yes
   */


  .clearfix { display: inline-block }  /* ... especial for IE7 */
  .clearfix { display: block }      /* ... für IE5,IE6,IE7 */
  * html .clearfix { height: 1% }   /* ... für IE5 + IE6/Win | hasLayout aktivieren */

  /*------------------------------------------------------------------------------------------------------*/

  /**
   * (en) Adjustment of .floatbox class for IE
   * (de) Anpassung der .floatbox-Klasse für IE
   *
   * @workaround
   * @affected   IE 5.x/Win, IE6
   * @css-for    IE 5.x/Win, IE6
   * @valid      yes
   */

  * html .floatbox { width:100% }

  /*------------------------------------------------------------------------------------------------------*/

  /**
   * (en) Special class for oversized content element
   * (de) Spezielle Klasse für übergroße Inhaltselemente
   *
   * @workaround
   * @affected   IE 5.x/Win, IE6
   * @css-for    IE 5.x/Win, IE6
   * @valid      yes
   */
  
  .slidebox {
    margin-right: -1000px;
    position:relative;
    height: 1%
  }

  /*------------------------------------------------------------------------------------------------------*/

  /**
   * (en): Bugfix for partially displayed column separators
   * (de): Bugfix für unvollständige Darstellung der Spalteninhalte / Spaltentrenner
   *
   * @bugfix
   * @affected   IE 5.x/Win, IE6
   * @css-for    IE 5.x/Win, IE6
   * @valid      yes
   */

  * html #col1 { position:relative } /* Nur für < IE7, sonst gibts im IE7 neue Positionierungsprobleme */
  * html #col2 { position:relative } /* Nur für < IE7, sonst gibts im IE7 neue Positionierungsprobleme */
  * html #col3 { position:relative }

  /*------------------------------------------------------------------------------------------------------*/

  /**
   * (en) Preventing several css bugs by forcing "hasLayout"
   * (de) Vermeidung verschiedenster Bugs durch Erzwingen von "hasLayout"
   *
   * @workaround
   * @affected   IE 5.x/Win, IE6, IE7
   * @css-for    IE 5.x/Win, IE6, IE7
   * @valid      no
   */
   
  body { height: 1% }
  #page_margins, #page, #header, #nav, #main, #footer { zoom:1 }             /* IE6 & IE7    */
  #page_margins, #page { height: 1% }                                        /* IE 5.x       */
  * html #header, * html #nav, * html #main, * html #footer { width: 100% }  /* IE 5.x & IE6 */
  * html #header, * html #nav, * html #main, * html #footer { wid\th: auto } /* IE 6         */

  /*------------------------------------------------------------------------------------------------------*/

  /**
   * Disappearing List-Background Bug
   * @see        http://www.positioniseverything.net/explorer/ie-listbug.html
   *
   * @bugfix
   * @affected   IE 5.x/Win, IE6
   * @css-for    IE 5.x/Win, IE6
   * @valid      yes
   */
  * html ul { position: relative }
  * html ol { position: relative }
  * html dl { position: relative }

  /*------------------------------------------------------------------------------------------------------*/

  /**
   * List-Numbering Bug
   *
   * @bugfix
   * @affected   IE 5.x/Win, IE6, IE7
   * @css-for    IE 5.x/Win, IE6, IE7
   * @valid      yes
   */
  body ol li { display:list-item; }
  
  /*------------------------------------------------------------------------------------------------------*/

  /**
   * (en) Workaround for 'collapsing margin at #col3' when using CSS-property clear
   *      Left margin of #col3 collapses when using clear:both in 1-3-2 (or 2-3-1) layout and right column is the
   *      longest and left column is the shortest one. For IE6 and IE7 a special workaround was developed
   *      in YAML.
   *
   * (de) Workaround für 'kollabierenden Margin an #col3' bei Verwendung der CSS-Eigenschaft clear
   *      Der linke Margin von #col3 kollabiert bei der Verwendung von clear:both im 1-3-2 (oder 2-3-1) Layout
   *      wenn gleichzeitig die rechte Spalte die kürzeste und die rechte die Längste ist. Im IE6 und IE7 lässt
   *      sich der Bug durch eine speziell für YAML entwickelten Workaround umgehen.
   *
   * @workaround
   * @affected   IE 5.x/Win, IE6, IE7
   * @css-for    IE 5.x/Win, IE6, IE7
   * @valid      no
   */

  #ie_clearing {
    /* (en) Only a small help for debugging */
    /* (de) Nur eine kleine Hilfe zur Fehlersuche */
    position:static;

    /* (en) Make container visible in IE */
    /* (de) Container sichtbar machen im IE */
    display:block;

    /* (en) No fix possible in IE5.x, normal clearing used instead */
    /* (de) Kein Fix im IE5.x möglich, daher normales Clearing */
    clear:both;

    /* (en) forcing clearing-like behavior with a simple oversized container in IE6 & IE7*/
    /* (de) IE-Clearing mit 100%-DIV für IE6 bzw. übergroßem Container im IE7 */
    width: 100%;
    font-size:0px;
    margin: -2px 0 -1em 1px;
  }

  * html #ie_clearing { margin: -2px 0 -1em 0}
  #col3_content {margin-bottom:-2px }

  /* (en) avoid horizontal scrollbars in IE7 in borderless layouts because of negative margins */
  /* (de) Vermeidung horizontaler Scrollbalken bei randabfallenden Layouts im IE7 */
  html {margin-right: 1px}
  * html {margin-right: 0}


  /* (en) Bugfix: Essential for IE7 */
  /* (de) Bugfix: Notwendig im IE7 */
  #col3 { position:relative }

  /*------------------------------------------------------------------------------------------------------*/

  /**
   * IE/Win Guillotine Bug
   * @see        http://www.positioniseverything.net/explorer/guillotine.html
   *
   * @workaround
   * @affected   IE 5.x/Win, IE6
   * @css-for    IE 5.x/Win, IE6
   * @valid      yes
   */

  * html body a, * html body a:hover { background-color: transparent; }

  /*------------------------------------------------------------------------------------------------------*/

  /**
   * (en) IE-Adjustments for subtemplates
   * (de) IE-Anpassung für Subtemplates
   *
   * Doubled Float-Margin Fix
   *
   * @bugfix
   * @affected   IE 5.x/Win, IE6
   * @css-for    IE 5.x/Win, IE6
   * @valid      yes
   */

  * html .c50l, * html .c25l, * html .c33l, * html .c38l, * html .c66l, * html .c75l, * html .c62l,
  * html .c50r, * html .c25r, * html .c33r, * html .c38r, * html .c66r, * html .c75r, * html .c62r {
    display:inline;
  }


/* 
	basemod.css
*/

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Design of the Basic Layout | Gestaltung des YAML Basis-Layouts
  *
  * @section layout-basics
  */

  /* Page margins and background | Randbereiche & Seitenhintergrund */
  body
  { 
    font-size:90%; height:100%; font-family: Arial, Tahoma, Verdana, Times New Roman, Sans-Serif, Serif; letter-spacing:0.01em; color:#000;
  }

  /* Layout: Width, Background, Border | Layout: Breite, Hintergrund, Rahmen */
  #page_margins 
  {
    width:100%;    
  }
  #page
  { 
     background:url(../../img/bg_main.jpg) repeat-x #fff top left;
  }
  #page_under
  {
     background:url(../img/bg_footer.jpg) repeat-x #f2f2f2 top left; margin-top:8px;
  }
  /* Design of the Main Layout Elements | Gestaltung der Hauptelemente des Layouts */
  #header{ padding: 3px 0px 0px 0px;}
 
  #topnav {}    

  #nav { margin-left:0px; margin-top:7px;}
  #main {}
   
  
  #footer { padding:8px 0px 8px 0px;}

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Formatting of the Content Area | Formatierung der Inhaltsbereichs
  *
  * @section layout-main
  */

  .col1 { float: left;}
  .col1_content {}

  .col2 { float:right;}
  .col2_content {}

  .col3 {  width:100%; margin:0; padding:0; float:left;}
  .col3_content { padding:10px 0 10px 0;}
  
/*
	content.css
*/


  /**
   * Fonts
   * (en) font-family and font-size selection for headings and standard text elements
   * (de) Zeichensatz und Schriftgrößen für Überschriften und übliche Text-Elemente
   *
   * @section content-fonts
   */
  .error_text {
  	font-weight:bold;
	color:#FF0000;
  }
  /* (en) reset font size for all elements to standard (16 Pixel) */
  /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
  html * { font-size: 100.01% }

  /* (en) reset monospaced elements to font size 16px in Gecko browsers */
  /* (de) Schriftgröße von monospaced Elemente auf 16 Pixel setzen */
  textarea, pre, tt, code {
	font-family: Arial, Tahoma, Verdana, Times New Roman, Sans-Serif, Serif;
  }
  
  textarea {border:solid 1px #999; }

  /* (en) base layout gets standard font size 12px */
  /* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
  body {
    font-family: Arial, Tahoma, Times New Roman, Sans-Serif, Serif;
    font-size: 75.00%; 
  }

  h1,h2,h3,h4,h5,h6 { font-weight:bold; margin: 0 0 0.25em 0; }
  h1 { font-size: 200% }                        /* 24px */
  h2 { font-size: 166.67% }                     /* 20px */
  h3 { font-size: 150% }                        /* 18px */
  h4 { font-size: 133.33% }                     /* 16px */
  h5 { font-size: 116.67% }                     /* 14px */
  h6 { font-size: 116.67%; font-style:italic }  /* 14px */

  

  /* ### Lists | Listen  #### */

  ul, ol, dl { line-height: 1.5em; margin: 0 0 0em 1em }
  li { margin-left: 1.5em; line-height: 1.5em }

  
  /* ### text formatting | Textauszeichnung ### */

  cite, blockquote { font-style:italic }
  blockquote { margin: 0 0 1em 1.5em }

  strong,b { font-weight: bold }
  em,i { font-style:italic }

  pre, code { font-family: monospace; font-size: 1.1em; }

  acronym, abbr {
    letter-spacing: .07em;
    border-bottom: .1em dashed #c00;
    cursor: help;
  }

  /**
   * Generic Content Classes
   * (en) standard classes for positioning and highlighting
   * (de) Standardklassen zur Positionierung und Hervorhebung
   *
   * @section content-generic-classes
   */

  .note {background: #dfd; padding: 1em; border-top: 1px #bdb dotted; border-bottom: 1px #bdb dotted;}
  .important {background: #ffd; padding: 1em; border-top: 1px #ddb dotted; border-bottom: 1px #ddb dotted;}
  .warning {background: #fdd; padding: 1em; border-top: 1px #dbb dotted; border-bottom: 1px #dbb dotted;}

  .float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em;  }
  .float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em;  }
  .center { text-align:center; margin: 0.5em auto }

  /**
   * External Links
   *
   * (en) Formatting of hyperlinks
   * (de) Gestaltung von Hyperlinks
   *
   */

  a { color:#245e93; text-decoration:none;}
  a:focus,
  a:hover,
  a:active {background-color: Transparent; text-decoration:underline; color:#00aeef;}
  
  #topnav a { color: #fff; font-weight: bold; background:transparent; text-decoration:none; }
  #topnav a:focus,
  #topnav a:hover,
  #topnav a:active{ text-decoration:underline; background-color: transparent;}
  
 
  /**
   * (en) Emphasizing external Hyperlinks via CSS
   * (de) Hervorhebung externer Hyperlinks mit CSS
   *
   * @section             content-external-links
   * @app-yaml-default    disabled
   */

  /*
  #main a[href^="http://www.my-domain.com"],
  #main a[href^="https://www.my-domain.com"]
  {
    padding-left: 12px;
    background-image: url('your_image.gif');
    background-repeat: no-repeat;
    background-position: 0 0.45em;
  }
  */

  /**
   * Tables | Tabellen
   * (en) Generic classes for table-width and design definition
   * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
   *
   * @section content-tables
   */

  table { width: auto; border-collapse:collapse;}
  table.full { width: 100%; }
  table.fixed { table-layout:fixed }

  th,td { padding:0px 10px;}
  thead th { background: #444; color: #fff }
  tbody th { background: #ccc; color: #333 }
  tbody th.sub { background: #ddd; color: #333 }

  /**
   * Miscellaneous | Sonstiges
   *
   * @section content-misc
   */
 
   tb_private.fullwidth {
        width:100%;
        height:25px;
        border: 1px solid #A5B5B6 !important;
        padding-left:5px;
    }

  hr {
    color: #fff;
    background:transparent;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border:0;
    border-bottom: 1px #000 solid;
  }
  
  #topnav { color:#fff; background:transparent; font-size:10px; }
  #col2 img { padding:1px;}
  
  /** User defined class */
  
  /* define new columns */
    .c222l{ width:222px; float:left;}
    .c221r{ width:221px; float:right;}
    
    .c200l{ width:160px; float:left;}/*------Fix 14/05/2009-------*/  
    .c70r{ width:80px; float:right;}/*------Fix 14/05/2009-------*/ 
   
  /* --------------------------------------------------------*/
  
  /* padding properties */ 
    .p3b{ padding-bottom:3px;}
    .p5b{ padding-bottom:5px;}
    .p7{ padding:7px;}
    .p20t{ padding-top:20px;}
    .p8{ padding:7px 10px 7px 8px;}
    .p2{ padding:2px;}
    .p10t{ padding-top:10px;}
    .p8l{ padding-left:8px;}
    .p8r{ padding-right:8px;}
    .p14l{ padding-left:14px;}
    
  /* margin properties */
    .m7r{ margin-right:8px;}
    .m8t{ margin-top:7px;}
    .m5b{ margin-bottom:5px;}
   
  /* width properties */
  .w980{ width:980px; min-width:980px; max-width:980px; padding:0px auto; margin:0px auto;}
  .w978{ width:978px; min-width:978px; max-width:978px; padding:0px auto; margin:0px auto;}
  .w506{ width:506px;}
  
  .h50{ height:50px;}
  .h284{ min-height:284px; height:auto !important; height:287px;}
  /* background properties */
  .bg_1{ background:url(../img/bg_1.jpg) repeat-x #545b4d top left;}
  
  
  .bg_4{ background:url(../img/bg_4.jpg) repeat-x #93ab5a top left;}
  .bg_3{ background:url(../img/bg_1a.jpg) top left; padding: 6px 0px 10px 6px; margin: 0px;}
  .bg_5{ background-color:#ecece5;}
  
  /* logo properties */
  .logo{ margin-left:8px;}
     
  /* boder properties */
  .b1sg{ border-bottom:solid 1px #62828d; border-left:solid 1px #62828d; border-right:solid 1px #62828d;}
  .b1sl{ border:solid 1px #ebebeb;}
    
  /*--Template--*/  
   .temp2 .col2{ width:506px; position:relative; top:-6px;}
   .temp1 .col1{ width:451px;}
   
   .temp3 .col1{ width:740px;}/*------Fix 14/05/2009-------*/  
   .temp3 .col2{ width:240px;}/*------Fix 14/05/2009-------*/  
   
  /*--Adding--*/
    
    .t_left{ text-align:left;}
    .t_right{ text-align:right;}
    .t_center{ text-align:center;}
    
    .va_top{ vertical-align:top;} 
    
    .fs10{ font-size:10px;}
    .fs13{ font-size:13px;}
    .fs17{ font-size:17px; line-height:21px;}
    .fs9e{ font-size:0.95em;}    
    
    .cb{ clear:both;}
    .cl{ clear:left;}
    .cr{ clear:right;}
    
    .f_left{ float:left;}
    .f_right{ float:right;}
    
    .w_text{ color:#fff;}
    .r_text{ color:#8c2124;}
    .blue_text{ color:#245e93;}
    .gray_text{ color:#6c6c6c;}
    

    .login_form{ margin-top:8px;}
        .login_form label{ font-size:11px; float:left; text-align:right; color:#fff; width:50px; padding-right:10px; line-height:16px;}
        *+html .login_form label{ line-height:20px;}
        .login_form input{ background:transparent; border-bottom:solid 1px #fff; border-left:none; border-top:none; border-right:none; margin-bottom:4px;}
        
        .login_bt{ margin-top:10px;}/*------Fix 14/05/2009-------*/  
        *+html .login_bt{ margin-top:10px;}/*------Fix 14/05/2009-------*/  
            
    .register{ color:#fff;font-size:12px; font-weight:bold;}    
        .register a{ color:#fff; padding-left:5px;}       
        
    .search{ background: url(../img/se_left.png) no-repeat left top; float: left; margin:5px 0px 0px 8px; padding: 0px 0px 0px 9px;}
    * html .search{ margin:5px 0px 0px 5px;}
        .search span { display: block; background: url(../img/se_right.png) no-repeat right top; float: left; padding:0px 0px 4px 6px; text-decoration: none;}    
        .search input{ border:solid 1px #fff; padding:3px 2px 2px 2px; color: #717171; vertical-align:top;}     
        .search img{}
        
        .search_bt{ float:left; margin:5px 0px 0px 10px;}
        .search_ad{ font-size: 12px; padding-left:2px; padding-right:6px;}
            .search_ad a{ color:#fff;}
            .search_ad a:hover{ color:#fff;}    
    
    .map{ height:344px;}
    
    .title_1{ background: url(../img/ti_left.jpg) no-repeat left top; float: left; padding: 0px 0px 0px 18px; height:38px;}
        .title_1 p { display: block; background: url(../img/ti_right.jpg) no-repeat right top; float: left; padding:0px 0px 0px 6px; height:38px; width:482px; color:#5d5d5d; font-size:13px; line-height:25px;}
    
    .title_2{ background: url(../img/ti_left_1.jpg) no-repeat left top; float: left; padding: 0px 0px 0px 22px; height:38px;}
        .title_2 p { display: block; background: url(../img/ti_right_1.jpg) no-repeat right top; float: left; padding:0px 0px 0px 6px; height:38px; color:#fff; font-size:13px; line-height:25px; width:195px;}
        
	#jobVideo {
	 height:290px;
	 width:504px;
	 position:absolute;
	 top:0px;
	 left:0px;
	 z-index:9999999;
	 
	}
 
    .intro{ float:left; width:361px;}
    .bt_next{ float:right; width:90px;}
        .t_intro{ padding:15px 15px 10px 30px;}
 
    .t_det{}
        .t_det img{ float:left; margin:0px 20px 0px 15px; }
 
    a.table_link{ color:#245e93;}
        a.table_link:hover{ color:#245e93; text-decoration:underline;}
 
    .sublogo{ padding:17px 0px 0px 0px;}
 
    .under_links{ margin-left:0px;}
        .under_links li{ margin-left:0px; border-left:solid 1px #757575; display:inline; list-style:none;}
        .under_links li a{ color:#757575; padding:0px 10px;}
        .under_links li a:hover{ text-decoration:none; color:#a8a882;}
        .under_links li.under_frist{ border-left:none; margin-left:40px}
        
 /*-------13/05/2009-----------*/
    .c484l{ width:484px; float:left;}
    .c15r{ width:15px; float:right;}
 
    .roll{ margin-top:0px;}
        .roll ul.bg_roll{ /*background:url(../img/rol_2.jpg) repeat-y left top;*/ width:9px; margin:0px auto;}
        .roll ul.bg_roll li{list-style:none; margin-left:0px;}
        .roll ul.bg_roll .bg_roll_2{ background:url(../img/rol_2.jpg) repeat-y left top;}
        
    .title_3{ background: url(../img/ti_left.jpg) no-repeat left top; float: left; padding: 0px 0px 0px 18px; height:38px;}
        .title_3 .in_title_3  { display: block; background: url(../img/ti_right.jpg) no-repeat right top; float: left; padding:0px 0px 0px 6px; height:38px; width:482px; }    
    
    .js_text{ color:#000; font-size:12px; line-height:25px; float:left;}
    .js_page{ margin-left:0px; float:right; padding-right:8px; padding-top:4px;}
        .js_page li{ margin-left:0px; list-style:none; display:inline;}
        .js_page li a{ color:#5c5c5c; text-decoration:none;}
        .js_page li a:hover{ color:#93ab5b; text-decoration:underline;}
        .js_page li a.js_page_cur{ color:#93ab5b; text-decoration:none;}
        
/*---------14/05/2009-------------------*/ 	       
    .temp4 .col1{ width:680px;}
    .temp4 .col2{ width:282px;}
    

	.m5tb{ margin:5px 0px;}
	.m8b{ margin-bottom:8px;}
	            
    .b1d{ border-right:dotted 1px #575e50;}    
    .g_text{ color:#aaaaaa;}
	 
	.p_147{ padding:0px 0px 0px 10px;}    
    .p_714{ padding:0px 10px 0px 7px;}
	
	.tb_1{ width:263px;}
		.tb_1 td{ padding:3px 0px; vertical-align:top;}
	    .tb_1 td a{ text-decoration:underline;}
		
	.title_4{ background: url(../img/ti_left_2.jpg) no-repeat left top; float: left; padding: 0px 0px 0px 22px; height:34px;}
        .title_4 p { display: block; background: url(../img/ti_right_2.jpg) no-repeat right top; float: left; padding:0px 0px 0px 6px; height:34px; color:#fff; font-size:13px; line-height:24px; width:240px;}	
		
	.job_locate{}
		.job_locate img{ float:right; margin-left: 10px; margin-right:40px; margin-bottom:10px;}
		
	.c50l{ width:50%; float:left;}	
	.c50r{ width:50%; float:right;}		
		
	.c550l{ width:550px; float:left;}	
	.c90r{ width:90px; float:right;}	
		
	.fs22{ font-size:22px;}
	.fs11{font-size:11px;}
		
	.button_text{ border-bottom:dotted 1px #575e50; margin-bottom:10px; padding-bottom: 10px;}/*---------06/06/2006------------*/
	.intro_film{ padding:10px 0px;}	
		
	.p10tb{ padding:10px 0px;}	
	.p20tb{ padding:20px 0px;}	
	.p5t{ padding-top:5px;}
	.p8b{ padding-bottom:10px;}
	.p5tb{ padding:5px 0px}
		
	.box{ background-color:#ebebeb; width:653px;}	
		.box_1{ background: url(../img/box_top.jpg) no-repeat left top; height:10px; font-size:0%;}
		.box_3{ background: url(../img/box_bottom.jpg) no-repeat left top; height:10px; font-size:0%;}
		
	.p10lr{ padding:0px 14px;}	
		
	.m20t{ margin-top:20px;}	
	.m5t{ margin-top:5px;}
	
	.h780{ min-height:780px; height:auto !important; height:780px;}
	
	.login_form1{ margin-top:10px;}
		.login_form1 .bg_input{ background: url(../img/bg_input.png) no-repeat left top;  margin-bottom:4px; height:20px;}
        .login_form1 .bg_input input{ background:transparent; border:none; color:#FFFFFF; font-size:11px; padding:3px 7px 0px 7px;}	
		*+html .login_form1 .bg_input input{ padding:2px 7px 0px 7px;}	
		
	.p14{ padding:14px;}	
	.bb1d{ border-bottom:dotted 1px #575e50; margin-bottom:10px; padding-bottom:5px; margin-top:10px;}/*--06/06/2009--*/	
	
	.register_step{ margin:20px 0px 20px 0px;overflow:auto;}
		.register_step li{ margin-left:0px;  list-style:none; margin-left:50px;float:left;}			
		
	.w805{ width:805px; max-width:805px; min-width:805px; padding:0px auto; margin:0px auto;}	
		.c400l{ width:400px; float:left;}
		.c370r{ width:370px; float:right;}
		
	.bd1_green{ border:dashed 1px #7c9f29;}	
		
	.register_form{}
		.register_form label{ float:left; width:140px; color:#333; line-height:32px;}	
		.register_form input{ margin-top:5px;}
		.register_form input[type="text"]{ border:solid 1px #999;  padding:2px;}
		.register_form input[type="password"] { border:solid 1px #999;  padding:2px; }
		.register_form input[type="radio"]{ position:relative; top:1px;}
		.register_form select{ border:solid 1px #999; padding:2px; margin-bottom:5px;}
		*+html .register_form select{ border:solid 1px #999;  margin-top:5px;}
		
		.re_text{ color:#ff5a5a;}
		
	.m100l{ margin-left:100px;}	
	.m130l{ margin-left:130px;}	
		
	.user_form{ width:350px; }
	.user_form input[type="password"] { border:solid 1px #999;  padding:2px;	}
		.user_form label{ float:left; width: 120px; color:#aaaaaa; line-height:20px;} 
		.user_form input{ margin-bottom:13px;}
		.user_form input[type="text"]{ border:solid 1px #999;  padding:2px;}
		
	.c740l{ width:740px; float:left;}
	.c15r_1{ width:15px; float:right;}
	.h190{ height:196px;} 
		
	.text_left{ width:350px; float:left;}
	.text_right{ width:350px; float:right;}
	
/*---------16/05/2009-------------------*/ 	
	.w905{ width:905px; max-width:905px; min-width:905px; padding:0px auto; margin:0px auto;}
		.c690l{ width:690px; float:left;}
		.c200r{ width:200px; float:right;}
	
	.resum_form{}
		.resum_form label{ font-weight:bold; display: block; margin-top:8px;}
		.resum_form input,  .resum_form select, .resum_form textarea{ margin-top:5px;}	
		.resum_form input[type="text"]{ border:solid 1px #999;   padding:2px; margin-bottom:3px;}
		
		.resum_form input[type="radio"]{ position:relative; top:1px;}
		.resum_form select{ border:solid 1px #999; padding:2px; margin-bottom:0px; margin-bottom:3px;}
		*+html .resum_form select{  border:solid 1px #999; }
		.resum_form textarea{  border:solid 1px #999;  padding:2px 0px 0px 5px; margin-bottom:3px;}
		
	.m160l{ margin-left:165px;}	
	
	.upload_text{ font-size:13px; font-weight:bold;}
	
	.upload_form{}
		.upload_form label{ float:left; width:165px; color:#000; line-height:30px; font-size:13px; font-weight:bold;}
		.upload_form input[type="text"]{ border-left:none; border-top:none; border-right:none; border-bottom:solid 1px #d4d4d4; padding:2px; margin-bottom:3px;}
	
/*---------21/05/2009-------------------*/ 		
	.w370l{ width:370px; float:left;}
	.w370r{ width:370px; float:right;}
	
	.m14t{ margin-top:14px;}
	.m30t{ margin-top:30px;}
	
	.title_5{ background: url(../img/bg_title5.jpg) no-repeat left top; height:39px;}
		.title_5 p{  display: block;  padding:2px 0px 0px 10px; color:#fff; font-size:16px; line-height:24px; font-weight:bold;}
		
	.regis_img{}
		.regis_img img{ float:left; margin-right:24px;}
		.regis_img .regis_text{ font-size:18px; color:#000000; padding-top:25px;}
		
	.regis_list{ margin-left:0px; padding:20px 0px;}
		.regis_list li{ list-style:none; background: url(../img/icon_9.jpg) no-repeat 0px 3px; margin-left:0px; padding-left:17px; padding-bottom:5px;} 	
	
	.where_form{ }
		.where_form input[type="text"]{ border-left:none; border-top:none; border-right:none; border-bottom:solid 1px #d4d4d4; padding:2px;}
		.where_form select{ border-left:none; border-top:none; border-right:none; border-bottom:solid 1px #d4d4d4; padding:2px; margin-bottom:0px;}
	
	.m30l{ margin-left:30px;}
	.fs14{ font-size:14px; line-height:20px;}
	.h250{ min-height:300px; height:auto !important; height:300px;}
	
	
	.ns_film{ margin-top:30px;}
	
	.bt_padding{ margin-top:20px; margin-bottom:10px;}
	.w550{ width:550px;}
	.m20b{ margin-bottom:20px;}

/*---------21/05/2009 - 3:44PM -------------------*/ 			
	.c500l{ width:500px; float:left;}
	.c_c500l{ width:850px; float:left;}
	.c270r{ width:270px; float:right;}
	
	.c40l{ width:40%; float:left;}
	.c60r{ width:60%; float:right;}
	
	.register_form textarea{ border:solid 1px #d4d4d4; padding:2px; margin-bottom:5px;}	

/*--------- 22/05/2009 -------------*/	
	
	.bg_dgreen{ background-color:#01172f;}
	.bg_lgray{ background-color:#ededed;}
	
	.m10tb{ margin:10px 0px;}
	
	.tb_private{ width: 100%; background:#fff;}
		.tb_private tr td{ border:solid 1px #aaaaaa; padding:5px;}
		.tb_private .tb_head{ color:#FFFFFF; font-size:12px; padding:5px; text-align:center; font-weight: normal;}
		.tb_aclist{ margin-left:0px;}
			.tb_aclist li{ margin-left:0px; list-style:none; width:60px; float:left;}
			
	.pri_list{ margin-left:0px; margin-top:10px; margin-bottom:10px;}
		.pri_list li{ margin-left:0px; list-style:none;}
		.pri_list li a{ color:#245e93;}
		
	.v_align{ vertical-align:top;}
		
		
/*------------ 26/05/2009 --------*/	
		
	.c580l{ width:580px; float:left;}
	.c280r{ width:280px; float:right;}
	
	.m150l{ margin-left:150px;}
	.m165l{ margin-left:165px;}
	
	.creation_form{}
		.creation_form label{ float:left; width:165px; color:#333; line-height:32px;}
		.creation_form b{ line-height:32px;}
		.creation_form input,  .creation_form select, .creation_form textarea{ margin-top:5px;}	
		.creation_form input[type="text"]{ border:1px solid #999; padding:2px; margin-bottom:3px;}
		.creation_form input[type="password"]{ border:1px solid #999; padding:2px; margin-bottom:3px;}		
		
		.creation_form input[type="radio"]{ position:relative; top:1px;}
		.creation_form select{  border:1px solid #999; padding:2px; margin-bottom:0px; margin-bottom:3px;}
		*+html .creation_form select{  border:1px solid #999;}
		.creation_form textarea{  border:1px solid #999; padding:2px 0px 0px 5px; margin-bottom:3px;}	
		
	
	.multicol{ margin-bottom:30px;}
		.w290{ width:290px; float:left; margin-left:22px;}
		* html .w290{ margin-left:10px;}
	
	
	
	.tb_private .no_border{ border:none;}
	
/*----------- 27/05/2009 ----------*/	
	.tb_input{}
		.tb_input input{ border-left:none; border-top:none; border-right:none; border-bottom:solid 1px #d4d4d4; padding:2px; text-align:center;}		
		
	.w580{ width:580px; margin-left:22px;}	
		
		
		
/*------------- 03/06/2009 ------------------*/		
	.p20{ padding:15px 20px;}		
	.p10b{ padding-bottom:10px;}
	
	.m22l{ margin-left:22px;}
	
	.tb_private .tb_head1{ color:#FFFFFF; font-size:14px; padding:5px; text-align:left;}
	.u_text{ text-decoration:underline;}
	
	.temp5 .col1{ width:475px;}
    .temp5 .col2{ width:474px;}
	
	.p14r{ padding-right:14px;}
	.p14l{ padding-left:14px;}
	
	.up_text{ }
	
	.faq{ margin-bottom:10px;}
		.faq_title{ font-weight:bold; background: url(../img/icon_14.jpg) no-repeat 0px 1px; padding-left:16px;}
		.faq_content{ padding-left:16px;}
	
	.temp6 .col1{ width:410px;}
    .temp6 .col2{ width:410px;}
	
	.con_table{ width:100%;}
		.con_table tr td{ padding:5px;}
	
	.a_c30l{ width:29%; float:left;}	
	.a_c70r{ width:71%; float:right;}	
	
	.w440{ width:440px; float:left; margin-left:22px;}
	* html .w440{ width:440px; float:left; margin-left:15px;}


/*----------------- 05/06/2009 ------------------------*/	
	.m70l{ margin-left:70px;}
	
	.forgot_form label{ float:left; width:70px; color:#aaaaaa; line-height:20px;} 
		.forgot_form input{ border-left:none; border-top:none; border-right:none; border-bottom:solid 1px #d4d4d4; padding:2px; margin-bottom:5px;}
		
	.user_form textarea{ border:solid 1px #d4d4d4; padding:2px 0px 0px 5px; margin-bottom:10px;}
	
	.w280{ width:280px; float:left; margin:0px 10px 0px 22px;}
		* html .w280{  margin:0px 15px 0px 12px;}
	
	.br1d{ border-right:dotted 1px #575e50;}	
	
	.list_site{ margin-left:0px;}
		.list_site li{ margin-left:0px; background:url(../img/icon_14.jpg) no-repeat 0px 3px; list-style:none; padding-left:17px; font-weight:bold;}
		.list_site li a{ color:#245e93;}
	
	
/*----------------- 06/06/2009 ------------------------*/							
	.m10t{ margin-top:10px;}
	
	.tb_list{ margin-left:0px;}
		.tb_list li{list-style:square;}


/*----------------- 18/06/2009 ------------------------*/	
	.m30lr{ margin:0px 30px;}
	
	.text_left1{ width:350px; float:left;}
	.text_right1{ width:450px; float:right;}

/*----------------- 22/07/2009 ------------------------*/	

	.temp1 .col1{ width:500px;}
    .temp1 .col2{ width:480px;}
	.bg_catergories{ background:url(../img/bg_catergories.jpg) repeat-x top left; height:90px;}
	.lineheight16{ line-height:16px;}
	.whitelink a{ color:#fff;}
    .whitelink a:hover{ color:#fff; text-decoration:underline;}
 
 
 
 
 /*---------------- New addition by ETH 18.nov.09 ---------------------*/
 #submenubar {
	padding:0px;
	margin:0px;
	height:35px;
	width: 100%;
	background:url(../../other/images_all/submenubar.png);
	background-repeat:repeat-x;
	position:relative;
	top:4px;
 }
 
 #submenubar img {
   padding: 0px;
   margin: 0px;
   outline: none;
 
 } 
  #tab2 { font-size:12px; }
  #tab3 { font-size:12px; }  
  

.featRow {
 width:50%; height:60px; 
 vertical-align:middle;
}
.featRow img {
 margin-left: auto;
 margin-right:auto;
}


.hlp {cursor: pointer; border-bottom: 1px dotted #FFFFFF; color:#FFFFFF}

.hlp:hover { text-decoration:none; cursor: pointer; border-bottom: 1px solid #ffffff; color:#FFFFFF}

.head_links { font-size:12px}
.head_links a {padding-left:10px; margin-left:10px; border-left: 1px dotted #000000;}
.link_act { font-size:14px; font-weight: bold; }

#noidungterm {
    width: 770px;
    height: 150px;
    overflow: auto;
    position: relative;
    }


#catbox span {background:none; }
#what_links a {
	height:48px;
	font-size:16px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	display:block;
	border-bottom:1px dotted #000000;
}

#what_links a:hover {
	background-color:#FFFF99;
}
#what_links a span {
	margin-top:8px;
	background: none;
}
#what_links .desc {
	font-size:9px;
	margin:0;
	float:left;
	font-weight:normal;
}

#where_links a {
	height:48px;
	font-size:16px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	display:block;
	border-bottom:1px dotted #000000;
}
#where_links .desc {
	font-size:9px;
	margin:0;
	float:left;
	font-weight:normal;
}

#where_links a:hover {
	background-color:#FFFF99;
}
#where_links a span {
	margin-top:8px;
	background: none;
}


#whatcatbox {
	padding:8px;
	border: 1px solid black;
	background:#FFFFFF;
	position:absolute;
	left:225px;
	top: 68px;
	width:450px;
	display:none;
}
#latestSearch {
	margin-top:8px;

}
.saveSearchBtn {
	display:block;
	border: 1px solid #999999;
	background:url(../img/selector_dropdown_bg.png);
	line-height:28px;
	margin-bottom:4px;
	color: #000;
	text-decoration:none;
	position:relative;
}
.saveSearchBtn img {
	position:relative; top:5px;
}
.saveSearchBtn:hover, .saveSearchBtn:active, .saveSearchBtn:focus {
	text-decoration:none;
	color:#000000;
}

.saveSearchDisabled {
	color:#333333;
}
.saveSearchDisabled:hover {
	text-decoration:none;
	background:#CCC;
	color:#333;
}

.saveSearchError {
	background:#FFFF66;
	border: 1px solid #FF9933;
	margin:4px;
}

#savedsearchBox {
	position:absolute; 
	top:30px; 
	background:#fff; 
	width:250px; 
	border: 1px solid #666; 
	display:none;
	padding:4px;
	left: 0px;
	z-index: 10000000;
}
#savedsearches {
	position:relative;
}

#savedsearches .saved {
	color:#000000;
	text-decoration:none;
	width: 200px;
	padding-left:8px;
	display:inline-block;
	
}
.delBtn {
	background: #fff;
	background: none;
	font-weight:bold;
	width:auto;
	padding: 0px;
	display: inline;
	cursor:pointer;
	position:absolute;
	right:0px;
}
.delBtn:hover {
	background:#fff;
	color:#000;
	text-decoration:none;
}

.ssBtn {
	position:absolute; 
	top:0px;
	left:0px;
}
.ssLink {
	margin-left: 15px;
}
.posR {
	position:relative;
}
#savedsearches .aBtn {
	cursor:pointer;
}
#savedsearches .saved:hover{
	background:#FFFF99;
}

#latestSearch a {
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	width: 95%;
	padding-left:8px;
	display:inline-block;
}
#latestSearch a:hover{
	background:#FFFF99;
}

.phpjob_listbgcolor1 {
	background: #fff;
}
.phpjob_listbgcolor2 {
	background: #CCC;
}

.bgw {
	background:white;
}

.jobdatelbl {
	overflow:hidden;
	height:14px;
	width:280px;
}

.videoTitle {
	width: 290px; height:16px; overflow: hidden; display: block;
}

    .map{
		height:344px;
	}

	#gmap {
		position:   relative;
		width:      451px;
		height:     350px;
		top: -15px;
	}
	#slider_background {
		width:      461px;
		height:     28px;
		top:        0;
		position:   absolute;
		z-index:    9000;
		background-color:#B4B58D;
		border-bottom: 1px dotted #000000;		
	}
	#slider_control {
		z-index:        10000;
		position:       absolute;
		top:            0;
		left:           0;
		padding:        2px 0 0 0;
		width:          100%;
	}
	
	
	
	
	#radius_slider {
                height:         8px;
                margin:         -1px 1px 5px 16px;
                width:          150px;
				position:relative;
				z-index: 999990;
	}
	
    #radius_slider.ui-slider, #radius_slider.ui-slider-horizontal, #radius_slider.ui-widget,#radius_slider.ui-widget-content,#radius_slider.ui-corner-all, #radius_slider a{
        border:0px solid #000;
        -moz-border-radius: 0px;
	-webkit-border-radius: 0px	
     }

    #radius_text{
                float:          left;
                font-weight:    bold;
                color:          #FFFFFF;
                font-size:      9px;
                padding:        0px 5px 5px 5px;
                text-decoration:underline;
    }
	#lbSlider{
		float:          left;
		font-weight:    bold;
		font-size:      12px;
        margin:         0px 5px 5px 10px;
		position:relative;
		top: -1px;
	}

	#radius_toolbar {
                width:          441px;

                z-index:        9900;
                position:       absolute;
                left:           0px;
                top:            15px;
	}

	#demo_layer {
                top:            8px;
                left:           0px;
                width:          449px;
                height:         333px;
                margin-top:     7px;
                position:       absolute;
                z-index:        11500;
				
                overflow:       hidden;
				padding:        0px;
				background:     url(../../assets/img/newLayout/semi_transparent_overlay_white.png);
				
				line-height:330px;
				text-align:center;
     }
     #spot_layer {
            top:                -10px;
            left:               0;
            width:              451px;
            height:             50px;
            margin-top:         7px;
            position:           absolute;
            z-index:            10900;
            overflow:           hidden;
			display:none;
    }
    #spot_layer_click {
            top:                0px;
            left:               0px;
            width:              451px;
            height:             50px;
            margin-top:         7px;
            position:           absolute;
            z-index:            10905;
            cursor:             pointer;
    }



/*
	kaka.css
*/


/**
LDC CSS
*/
.register_form input[type="file"]{ border-left:none; border-top:none; border-right:none; border-bottom:solid 1px #d4d4d4; padding:2px;}
.register_form input[type="password"]{border:solid 1px #999;  padding:2px;}

.user_form input[type="password"]{ border:solid 1px #999;  padding:2px;}

.upload_form input[type="file"]{ border-left:none; border-top:none; border-right:none; border-bottom:solid 1px #d4d4d4; padding:2px; margin-bottom:3px;}

.resum_form input[type="file"]{ border-left:none; border-top:none; border-right:none; border-bottom:solid 1px #d4d4d4; padding:2px; margin-bottom:3px;}

#c_title_tb a{color:#fff;}
/*
.temp3 .col1{ width:740px !important;}  
.temp3 .col2{ width:240px !important;}
.c200l{ width:160px !important;  float:left;}
*/

.text_line {
    width:400px;
    line-height: 23px;
}
.text_line2 {
    width:360px;
    line-height: 23px;
	padding: 0px;
}
#show_login
{
	display: none;
	/*z-index: 20000 !important;*/
	position: absolute;
}
.cc_c500l{ width:450px; float:left;}
.cc_c270r{ width:330px; float:right;}
.c_height{ height: 20px !important;}
.cc_com_c500l{ width:380px; float:left;}
.cc_com_c270r{ width:400px; float:right;}
/**
Add form style.css
**/
/*phpjob_catlist is used in jobcategory_list_box template*/
div#phpjob_catlist 
{
	width: 100%; 
	float: left; 
	/*background-color: #EFEFEF; 
	border-top: 2px solid #AAA;
	border-bottom: 2px solid #AAA;*/
}
#phpjob_catlist div.rowleft 
{
	float: left; 
	padding: 0 0 0 15px;
}
#phpjob_catlist p 
{
	font-weight: normal; 
	font-size: 1.1em; 
	color: #2241A5; 

}
#phpjob_catlist p a 
{
	padding-left: 6px;
}
#phpjob_catlist p span 
{
	font-weight: normal; 
	background: none; 
	color: #888;
}
.col2_employer{
	border-left:dotted 1px #575e50;
}

/*phpjob_loclist is used in joblocation_list_box template*/
div#phpjob_loclist {margin: auto; float: left;width: 100%;}
#phpjob_loclist div.rowleft {width: 100%; float: left; padding: 0px;}
#phpjob_loclist a {padding-left: 6px;}
#phpjob_loclist span a {font-weight: normal; background: none;}


/***/
/*pagination section*/
.bx_pagination {margin: 5px 0; float: left; overflow:visible;  position:relative;}
.bx_pagination .pgright {text-align: right;float: right; overflow:visible; position:relative;}
.bx_pagination .pgleft {float: left;  overflow:visible;  position:relative;}
.bx_pagination .pgright ul {margin:0; padding: 0; list-style-type: none;}
.bx_pagination .pgright li {display: inline; padding: 0px; margin: 0 2px; font-size: 11px; color: #333; font-weight: bold;}
.bx_pagination  a:link, .bx_pagination li a:visited {color : #5D5D5D; padding: 1px 2px; border: 1px solid #5D5D5D; font-weight: bold;text-decoration: none;}
.bx_pagination  a:hover, .bx_pagination li a:active {color: #FFF;	text-decoration : none; background-color : #333333;}
.bx_pagination  a img { position:relative; top:1px; }
.bx_pagination span strong { font-weight: bold;	padding: 0 2px;}
.bx_pagination li.nolist a:link,.bx_pagination li.nolist a:visited {border: none; padding: 2px;}

.pagi_selected {
	border: 1px solid #fff;
	background-color: #66ccff;
	color:#000;
	padding: 1px;
	margin-left: 4px;
	position:relative;
}

.bx_pagination a:link, .bx_pagination a:visited {color : #5D5D5D; padding: 1px 2px; border: 1px solid #5D5D5D; font-weight: bold;text-decoration: none;}
.bx_pagination a:hover, .bx_pagination a:active {color: #FFF;	text-decoration : none; background-color : #333333;}


.breadcrumbs ul {list-style-type: none; margin: 4px 2px;}
.breadcrumbs li {display:inline; padding: 0 2px;}
.breadcrumbs li a {text-decoration: underline;}

/*filters section*/
#filter {margin: 2px 5px;}

#filter .col {width: 25%; float: left; margin:0; padding:2px; max-width: 150px;}
#filter .col span, #refine_full span {display: block; font-weight: bold;}
#filter .col a {display: block; color: #666;}
#filter h3 {padding: 1px 5px; margin: 0; font-weight: bold; color: #496F92;}
#filter h3 a {text-decoration: none;}
#filter #current li a { padding-left: 20px;}
#filter #current, #filter #refine, #filter #refine_full {margin-left: 140px; margin-top: -20px;}

#filter #refine li a.phpjob_more {padding-left: 28px;}
#filter #refine_full li a.phpjob_less {padding-left: 28px;}
#filter #refine li, #filter #refine_full li {padding: 0 5px;}

.cloud1{font-size:10px;}
.cloud2{font-size:12px;}
.cloud3{font-size:14px;}
.cloud4{font-size:16px;}
.cloud5{font-size:18px;}

/*tooltips*/
a.bxtooltip{position:relative; z-index:24;}
a.bxtooltip:hover{z-index:25; visibility:visible;}
a.bxtooltip span.bxinfo{display: none; text-decoration: none;}
a.bxtooltip:hover span.bxinfo{display:block; position:absolute; top:5px; left:15px; width:25em; border:1px solid #AAA; background-color: #FFD; color: #000; font-weight: bold;text-align: left; padding: 5px;}
a.bxtooltip span.bxtooltiptop {display: block; background-color: #F00; color: #FFF; font-weight: bold; padding: 0 3px;}
/*######*/

/*
	vu.css
*/

.hintbox,.catbox {
	position:absolute;
	z-index:10000001;
	/*border:solid 1px #FF0000;*/
	top:25px;
	left: 0px;
	display:none;
}

.searchhint {
	width:280px; 
	/*height: 150px; */
	background-color:#FFFFFF; 
	border:1px solid #666666; 
	left:0px;
	top: -1px;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: scroll;
	padding:3px;
	position:relative;
	z-index:1002;
    max-height:400px; 
}
.searchhint_arrow {
	width:33px;
	height:17px;
	background:url(../img/vu/muiten.png) no-repeat;
	top:0px;
	left:40px;
	clear:both;
	position:relative;
	z-index:1003; 
}
.searchhint li {
	padding: 5px 0 0 18px;
	font-weight:bold;
	list-style:none;
	cursor:pointer;
}

.searchhint li:hover {
	background-color:#99CCFF;
}

.pcat {
    margin-left: 0;
}

.scat {
    margin-left: 20px;
}

#video {
    width: 298px;
    height: 208px;
    position: absolute;
    top:24px;
    left:104px;
    background-color: #FFFFFF;
}

.catlist {
    /*border-bottom: 1px dashed gray;*/
    border-top: 1px dashed gray;
                                                                               
    padding: 10px 0 10px 0;
}

.catlist .cat {
    padding: 5px 0 0 18px;
    margin: 0;
}

.desc:hover .description_limit {display:none;}
.desc:hover .description_full {display:block;}


#searchFieldContainer {
	position: absolute; left: 260px; width: 560px; top: 10px;
}

#advOpts_companies {
	background: url(../img/newLayout/semi_transparent_overlay_white.png);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin:4px;
	padding:6px;
}

#results_list{
	height:506px;
	width:504px;
	overflow: auto;
	position: relative;
	overflow-x: hidden;
}

#compLogos { line-height: 120px; }
#compLogos img { margin:8px 0px 8px 0px; vertical-align:middle; }


.searchResultsWrap {
	position:relative;
	width:475px;
	padding:0;
	margin:5px;
}

.resultJob { 
	position:relative;
	width:100%;
	padding:0px;
	overflow:auto;
	background: #fff; 
	margin-bottom: 3px;
}

.resultLogo {
	padding:8px;
	float:left;
	width:100px;
}

.resultVideoThumbWrap {
	position:relative;
	width:100px;
	margin-top:5px;
}

.resultVideoPlayIconWrap {
	position:absolute;
	top:0px;
	left:0px;
	cursor:pointer;
}

.resultDescWrap {
	width: 335px;
	float: left;
	padding:8px;
}

.jobDesc {
	width:98%;
	display:none;
	position:relative;
	z-index: 501;
}
.jobDescShort {
	width:98%;
	position:absolute;
	top:0px;
	z-index: 500;
	overflow:hidden;	
}
.jobDescBox {
	position:relative;
	overflow:hidden;
	zoom:1;
}

.catSpan {
	text-decoration: underline; 
	font-weight: bold; 
	color: #fff; 
	font-size: 14px; 
	margin-right: 20px; 
	position: relative; 
	top: -3px;
}

.categorySpan {
	text-decoration:underline; 
	font-weight:bold; 
	color:#fff; 
	font-size:14px; 
	margin-right:20px; 
	position:relative; 
	top:-3px;
}

.mainCategoryAnchor { 
	width:210px;
	padding:8px 0px 0px 0px;
	float:left;
	color:#fff;
	font-size:12px;
}

.categoryAnchor { 
	width:210px;
	padding:2px 0px 0px 0px;
	float:left;
	color:#fff;
	font-size:11px;
}

.backToMainCat {
	color:#fff; 
	font-size:10px; 
	border-left:1px dotted #FFFFFF; 
	padding-left:5px; 
	position:relative; 
	top:-3px;
}
#articleswrapper {
	margin:10px;
}
#articleswrapper h2 {
	margin-left:8px;
}
#leftarticles {
	float: left; width: 480px;
	margin-right:28px;
}
.articlelistitem {
	border-bottom: 1px solid #666666;

	height:100px;
	overflow:hidden;
	padding:8px;
}
.articlesummary {
	float:left;
	width:74%;
}
.articlephoto {
	float:right; 
}

#rightarticles {
	float:left;
	width: 434px;
}

.w80{ width:80px;}
.login_input_type{ border:#d4d4d4 solid 1px; background:transparent; height:14px;}
.login_top{ width:350px; padding:0; margin:0;}
	.login_top_bg{ background:url(../img/login_top.jpg) repeat-x top left; width:325px; height:29px;}
.login_mid{ width:350px; background:url(../img/login_mid.jpg) repeat-x; margin:-3px 0 0 0; padding:0;}


#searchInHeader {
	color:#FFFFFF;
	font-size:16px;
	left:14px;
	position:relative;
	text-shadow:1px 1px 0.2em #000000;
	top:17px;
}

.tab {
   padding:0px;
   margin:0px;
   position:relative;
   outline: none;
   width:100px;
   text-align:center;
   display:block;
   float:left;
   color:#000;
   text-decoration:none;
   font-weight:bold;
   padding-top:13px;
   height:24px;
}
.tab:hover {
   text-decoration:none;
   color:#003333;
}
.tab.selected:hover {
	color:#fff;
}
.tab.selected {
   background: url(../img/tab_selected.png);
   text-decoration:none;
   color:#fff;
   
}

.submjobtype {
	font-weight:bold;
	color: #FFFFFF;
    float: left;
    font-size: 12px;
    padding: 8px 0 0;
    width: 210px;
}

#chatMessages { border: 1px solid #666; padding: 5px; overflow-y: scroll; height: 200px; margin-top:5px }
#chatMessages > div {
	background:#f2f2f2;
}
#chatInput { width:100%; height:70px }

.wclink { padding:4px 10px 0px 0px;color:#FFF;font-weight:bold }

.mcatsp { font-weight:bold; }

.jobloclink { width:210px;padding:8px 0px 0px 0px;float:left;color:#fff;font-size:12px; }

.jobsubloclink { width:140px;padding:2px 0px 0px 0px;float:left;color:#fff;font-size:11px; }

.searchTitle { color:#333333; width:480px; position:relative; z-index: 9999998;  overflow:visible; }

.fpresults {
position:relative;display:none; height: 506px;width: 504px; background:url(../img/newLayout/brown_bg.png); z-index: 11110;
}

#button {
    height: 32px;
    width: 211px;
    position: absolute;
    z-index: 10000001;
	top:9px;
}
.menu_class {
    margin-top: -1px;
}
.the_menu {
    display:none;
	margin:0px;
	margin:0px !important;
    width:211px;
}
.the_menu li {
    background: url(../img/topbarbg.png);
    list-style: none;
	margin:0px;
	padding: 5px 5px 10px 10px;
}
.the_menu li a {
    color:#FFFFFF;
    text-decoration:none;
    padding:0px;
    display:block;
}
#menutoplogo {
    padding-left: 10px;
    width: 211px;

}
#menutoplogo > a {
    text-decoration: none !important;
}


.bubble {
    background: -webkit-gradient(linear, left top, left bottom, from(#FF2E2E), to(#C80606));
    background: -moz-linear-gradient(center top , #FF2E2E, #C80606) repeat scroll 0 0 transparent;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF2E2E', endColorstr='#C80606');
    border: 1px solid #B20606;
    border-radius: 7px 7px 7px 7px;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 12px;
    padding: 1px 6px 1px 5px;
    position: absolute;
    right: -8px;
    top: -7px;
    z-index: 90;
}