Live site display issues {subject edited by moderator}

Okay, so on dreamweaver, the website looks fine (albeit, often it doesn't resemble what the actual final site looks like), but my letters from my paragraphs are all scrunched to the left side.  It appears to be CSS because it has affected all the pages, but I've been trying my damnedest to tweak different lines of code to no avail.  What makes it even more difficult to troubleshoot is that in the "live" and "design" mode, they appear perfectly fine.  However, when I upload the site to my host, the letters are all crammed to the left side making my "professional" website look like sh#t!
  Can someone please look through my source code and help a fellow creator out.  Thanks so much
www.11thworldproductions.com

I'm not seeing it in any of my browsers, which version of IE is giving you the trouble. I always assume IE is the problem when it isn't spelled out (it's best to explain the problem in your body, not in your post title, it will get truncated)?
In IE7 and 8, the entire site should be broken. There is a lot going on in your code that neither of those browsers can handle.
Looks fine in IE9 and 10, Firefox and Chrome for me.
If your issue is showing in IE10 or 11, make sure to turn off Compatibility Mode if it's enabled, that breaks everything.
It could also be a browser cache issue, make sure to clear that out and look at the site again.
Also make sure to run your page through the validatror at http://validator.w3.org to get a listing of your html errors. Those errors can cause display problems between browsers/versions/platforms.

Similar Messages

  • Import Business Catalyst site into Dreamweaver {subject edited by moderator}

    I created a website using Dreamweaver CC. I added business catalyst extension and want to use its feature for the site I created within Dreamweaver.  However, every time I tried to open up the business catalyst section, it wants me to create a new trial site.  How do I skip this step and integrate what I already created using Dreamweaver CC?  I don't want to have a trial site. I want to use what I already created using Dreamweaver CC with the business catalyst extension.  Help!!!!

    I'm afraid that's how Business Catalyst works.  You can't just upload any site to BC servers.  You must first create a BC account, create a BC site template, edit your template, activate BC modules, etc...  If all you want is to host your DW site without rebuilding it with BC, I suggest you look for commercial web hosting someplace else. 
    Nancy O.

  • PHP and MySQL issue {subject edited by moderator}

    Using Dreamweaver and PHP.   On one page, I have a form with an Insert Field (LastName) that enter into the SQL database. SQL database has the ID auto-increment.   When I click on Send (with the data entered into the database), I want the new page to open and display the ID field.  but when I insert a new id and I click Send it still displays the old id, whereas I want to display a new ID

    This code for isert page
    <?php require_once('Connections/pendaftaran.php'); ?>
    <?php
    if (!function_exists("GetSQLValueString")) {
    function GetSQLValueString($theValue, $theType, $theDefinedValue = "", $theNotDefinedValue = "")
      $theValue = get_magic_quotes_gpc() ? stripslashes($theValue) : $theValue;
      $theValue = function_exists("mysql_real_escape_string") ? mysql_real_escape_string($theValue) : mysql_escape_string($theValue);
      switch ($theType) {
        case "text":
          $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
          break;   
        case "long":
        case "int":
          $theValue = ($theValue != "") ? intval($theValue) : "NULL";
          break;
        case "double":
          $theValue = ($theValue != "") ? "'" . doubleval($theValue) . "'" : "NULL";
          break;
        case "date":
          $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
          break;
        case "defined":
          $theValue = ($theValue != "") ? $theDefinedValue : $theNotDefinedValue;
          break;
      return $theValue;
    $editFormAction = $_SERVER['PHP_SELF'];
    if (isset($_SERVER['QUERY_STRING'])) {
      $editFormAction .= "?" . htmlentities($_SERVER['QUERY_STRING']);
    if ((isset($_POST["MM_insert"])) && ($_POST["MM_insert"] == "form")) {
      $insertSQL = sprintf("INSERT INTO maklumat_fail (fail_tajuk, fail_no, fail_seksyen, fail_hari, fail_bulan, fail_tahun, fail_rakbesi, fail_laci, fail_baris) VALUES (%s, %s, %s, %s, %s, %s, %s, %s, %s)",
                           GetSQLValueString($_POST['fail_tajuk'], "text"),
                           GetSQLValueString($_POST['fail_no'], "int"),
                           GetSQLValueString($_POST['fail_seksyen'], "text"),
                           GetSQLValueString($_POST['fail_hari'], "int"),
                           GetSQLValueString($_POST['fail_bulan'], "text"),
                           GetSQLValueString($_POST['fail_tahun'], "int"),
                           GetSQLValueString($_POST['fail_rakbesi'], "text"),
                           GetSQLValueString($_POST['fail_laci'], "text"),
                           GetSQLValueString($_POST['fail_baris'], "text"));
      mysql_select_db($database_pendaftaran, $pendaftaran);
      $Result1 = mysql_query($insertSQL, $pendaftaran) or die(mysql_error());
      $insertGoTo = "detailPendaftaran.php?" . $row_Recordset1['fail_tajuk'] . "=";
      if (isset($_SERVER['QUERY_STRING'])) {
        $insertGoTo .= (strpos($insertGoTo, '?')) ? "&" : "?";
        $insertGoTo .= $_SERVER['QUERY_STRING'];
      header(sprintf("Location: %s", $insertGoTo));
    if ((isset($_POST["MM_update"])) && ($_POST["MM_update"] == "form")) {
      $updateSQL = sprintf("UPDATE maklumat_fail SET fail_no=%s, fail_seksyen=%s, fail_hari=%s, fail_bulan=%s, fail_tahun=%s, fail_rakbesi=%s, fail_laci=%s, fail_baris=%s WHERE fail_tajuk=%s",
                           GetSQLValueString($_POST['fail_no'], "int"),
                           GetSQLValueString($_POST['fail_seksyen'], "text"),
                           GetSQLValueString($_POST['fail_hari'], "int"),
                           GetSQLValueString($_POST['fail_bulan'], "text"),
                           GetSQLValueString($_POST['fail_tahun'], "int"),
                           GetSQLValueString($_POST['fail_rakbesi'], "text"),
                           GetSQLValueString($_POST['fail_laci'], "text"),
                           GetSQLValueString($_POST['fail_baris'], "text"),
                           GetSQLValueString($_POST['fail_tajuk'], "text"));
      mysql_select_db($database_pendaftaran, $pendaftaran);
      $Result1 = mysql_query($updateSQL, $pendaftaran) or die(mysql_error());
      $updateGoTo = "detailPendaftaran.php";
      if (isset($_SERVER['QUERY_STRING'])) {
        $updateGoTo .= (strpos($updateGoTo, '?')) ? "&" : "?";
        $updateGoTo .= $_SERVER['QUERY_STRING'];
      header(sprintf("Location: %s", $updateGoTo));
    mysql_select_db($database_pendaftaran, $pendaftaran);
    $query_Recordset1 = "SELECT * FROM maklumat_fail";
    $Recordset1 = mysql_query($query_Recordset1, $pendaftaran) or die(mysql_error());
    $row_Recordset1 = mysql_fetch_assoc($Recordset1);
    $totalRows_Recordset1 = mysql_num_rows($Recordset1);
    ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>SISTEM PENDAFTARAN FAIL</title>
    <style type="text/css">
    .right {
      text-align: right;
    body {
      background-color: #6699CC;
    </style>
    </head>
    <body><form action="<?php echo $editFormAction; ?>" name="form" method="POST">
      <center>
        <p><img src="mps.png" width="1119" height="244" /></p></center>
      <table width="332" border="0" align="center">
          <tr>
            <td><h1 class="K">PENDAFTARAN FAIL</h1></td>
          </tr>
      </table>
        <p> </p>
        <table width="200" border="2" align="center" class="l">
          <tr>
            <td><center isoptional="l">Maklumat Fail</center></td>
          </tr>
      </table>
        <p> </p>
        <center><table width="587" border="6">
          <tr>
            <td width="567" height="233"><table width="560" height="206" border="0">
                <tr>
                  <td width="147" class="right"><strong>No. Fail</strong></td>
                  <td width="10">:</td>
                  <td width="432">MPSepang
                    <input name="fail_no" type="text" id="fail_no" size="40" /></td>
                </tr>
                <tr>
                  <td class="right"><strong>Tajuk Fail</strong></td>
                  <td>:</td>
                  <td><textarea name="fail_tajuk" cols="40" rows="5" id="fail_tajuk"></textarea></td>
                </tr>
                <tr>
                  <td class="right"><strong>Seksyen</strong></td>
                  <td>:</td>
                  <td><select name="fail_seksyen" size="Seksyen" id="fail_seksyen">
                      <option>Seksyen</option>
                      <option>Pentadbiran</option>
                      <option>Web, Latihan &amp; Komuniti</option>
                      <option>Rangkaian &amp; Infrastruktur</option>
                      <option>Sistem</option>
                  </select></td>
                </tr>
                <tr>
                  <td class="right"><strong>Tarikh Fail Dibuka</strong></td>
                  <td>:</td>
                  <td><select name="fail_hari" size="Hari" id="fail_hari">
                      <option>Hari</option>
                      <option>1</option>
                      <option>2</option>
                      <option>3</option>
                      <option>4</option>
                      <option>5</option>
                      <option>6</option>
                      <option>7</option>
                      <option>8</option>
                      <option>9</option>
                      <option>10</option>
                      <option>11</option>
                      <option>12</option>
                      <option>13</option>
                      <option>14</option>
                      <option>15</option>
                      <option>16</option>
                      <option>17</option>
                      <option>18</option>
                      <option>19</option>
                      <option>20</option>
                      <option>21</option>
                      <option>22</option>
                      <option>23</option>
                      <option>24</option>
                      <option>25</option>
                      <option>26</option>
                      <option>27</option>
                      <option>28</option>
                      <option>29</option>
                      <option>30</option>
                      <option>31</option>
                    </select>
                      <label for="bulan2"></label>
                      <select name="fail_bulan" size="Bulan" id="bulan2">
                        <option>Bulan</option>
                        <option>Januari</option>
                        <option>Februari</option>
                        <option>Mac</option>
                        <option>April</option>
                        <option>Mei</option>
                        <option>Jun</option>
                        <option>Julai</option>
                        <option>Ogos</option>
                        <option>September</option>
                        <option>Oktober</option>
                        <option>November</option>
                        <option>Disember</option>
                      </select>
                      <label for="fail_tahun"></label>
                      <select name="fail_tahun" size="Tahun" id="fail_tahun">
                        <option>Tahun</option>
                        <option>2014</option>
                        <option>2015</option>
                        <option>2016</option>
                        <option>2017</option>
                        <option>2018</option>
                      </select>
                      <label for="tarikhBuka"></label></td>
                </tr>
                <tr>
                  <td bgcolor="#FFFFFF" class="right"> <label><strong>Lokasi</strong></label></td>
                  <td>:</td>
                  <td>Rak Besi
                    <label>
                      <select name="fail_rakbesi" size="Seksyen" id="fail_rakbesi">
                        <option>Rak Besi</option>
                        <option>A</option>
                        <option>B</option>
                      </select>
                      Laci
                      <select name="fail_laci" size="Seksyen" id="fail_laci">
                        <option>Laci</option>
                        <option>A1</option>
                        <option>A2</option>
                        <option>A3</option>
                        <option>A4</option>
                        <option>B1</option>
                        <option>B2</option>
                        <option>B3</option>
                        <option>B4</option>
                      </select>
                      Baris
                      <select name="fail_baris" size="Seksyen" id="fail_baris">
                        <option>Baris</option>
                        <option>1</option>
                        <option>2</option>
                        <option>3</option>
                        <option>4</option>
                        <option>5</option>
                        <option>6</option>
                        <option>7</option>
                        <option>8</option>
                        <option>9</option>
                        <option>10</option>
                        <option>11</option>
                        <option>12</option>
                        <option>13</option>
                        <option>14</option>
                        <option>15</option>
                        <option>16</option>
                        <option>17</option>
                        <option>18</option>
                        <option>19</option>
                        <option>20</option>
                      </select>
                    </label></td>
                </tr>
            </table></td>
          </tr>
          <tr>
            <td><label>
              <div align="center">
                <input type="submit" name="submit" id="submit" value="Submit" />
              </div>
            </label></td>
          </tr>
      </table>
      </center>
        <p> </p>
    <center>
          <p>
            <label></label>
          <p> </p>
      </center>
      <center>
        <p><img src="nwUWE4K.jpg" width="1119" height="200" /></p>
      </center>
      <input type="hidden" name="MM_insert" value="form" />
      <input type="hidden" name="MM_update" value="form" />
    </form>
    </body>
    </html>
    <?php
    mysql_free_result($Recordset1);
    ?>
    This for display page
    <?php require_once('Connections/pendaftaran.php'); ?>
    <?php
    if (!function_exists("GetSQLValueString")) {
    function GetSQLValueString($theValue, $theType, $theDefinedValue = "", $theNotDefinedValue = "")
      $theValue = get_magic_quotes_gpc() ? stripslashes($theValue) : $theValue;
      $theValue = function_exists("mysql_real_escape_string") ? mysql_real_escape_string($theValue) : mysql_escape_string($theValue);
      switch ($theType) {
        case "text":
          $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
          break;   
        case "long":
        case "int":
          $theValue = ($theValue != "") ? intval($theValue) : "NULL";
          break;
        case "double":
          $theValue = ($theValue != "") ? "'" . doubleval($theValue) . "'" : "NULL";
          break;
        case "date":
          $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
          break;
        case "defined":
          $theValue = ($theValue != "") ? $theDefinedValue : $theNotDefinedValue;
          break;
      return $theValue;
    $colname_Recordset1 = "-1";
    if (isset($_GET['fail_baris'])) {
      $colname_Recordset1 = $_GET['fail_baris'];
    mysql_select_db($database_pendaftaran, $pendaftaran);
    $query_Recordset1 = sprintf("SELECT * FROM maklumat_fail WHERE fail_baris = %s", GetSQLValueString($colname_Recordset1, "text"));
    $Recordset1 = mysql_query($query_Recordset1, $pendaftaran) or die(mysql_error());
    $row_Recordset1 = mysql_fetch_assoc($Recordset1);
    $totalRows_Recordset1 = mysql_num_rows($Recordset1);
    ?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>SISTEM PENDAFTARAN FAIL</title>
    <style type="text/css">
    .right {
      text-align: right;
    body {
      background-color: #6699CC;
    </style>
    </head>
    <body><form action="" method="get">
      <center>
        <p><img src="mps.png" width="1119" height="244" /></p>
      </center>
        <p><center>
        </p>
        <p> </p>
        <p> </p>
        <center>
          <table width="406" border="0">
            <tr>
              <td width="247"><h1>Fail telah berjaya didaftar!!</h1></td>
            </tr>
          </table>
          <p> </p>
          <table width="389" border="6">
            <tr>
              <td><table width="370" height="174" border="0">
                <tr>
                  <td width="129" class="right"><strong>No.Fail</strong></td>
                  <td width="8">:</td>
                  <td width="211"><?php echo $row_Recordset1['fail_no']; ?></td>
                </tr>
                <tr>
                  <td class="right"><strong>Tajuk Fail</strong></td>
                  <td>:</td>
                  <td><?php echo $row_Recordset1['fail_tajuk']; ?></td>
                </tr>
                <tr>
                  <td class="right"><strong>Seksyen</strong></td>
                  <td>:</td>
                  <td><?php echo $row_Recordset1['fail_seksyen']; ?></td>
                </tr>
                <tr>
                  <td class="right"><strong>Tarikh Fail Dibuka</strong></td>
                  <td>:</td>
                  <td><?php echo $row_Recordset1['fail_hari']; ?><?php echo $row_Recordset1['fail_bulan']; ?><?php echo $row_Recordset1['fail_tahun']; ?></td>
                </tr>
                <tr>
                  <td class="right"><strong>Lokasi</strong></td>
                  <td>:</td>
                  <td><?php echo $row_Recordset1['fail_rakbesi']; ?><?php echo $row_Recordset1['fail_laci']; ?><?php echo $row_Recordset1['fail_baris']; ?></td>
                </tr>
              </table></td>
            </tr>
          </table>
          <p><a href="test1.php">MENU</a></p>
          <p> </p>
          <p> </p>
      </center>
        <p> </p>
        <p><img src="nwUWE4K.jpg" width="1119" height="200" /></p>
    </form>
    </body>
    </html>
    <?php
    mysql_free_result($Recordset1);
    ?>

  • Upload Adobe video to my site? {subject edited by moderator}

    Hello! How are? I've got question,please.I create my own site and I want to upload on a site the video from Adobe.com.For example : video about "Dreamweaver" captured by Adobe. Is it legally?

    Thank you very much. That's all right.
    Отправлено с iPhone
    23 ביול 2014, в 17:20, Preran <[email protected]> написал(а):
    Upload Adobe video to my site? {subject edited by moderator}
    created by Preran in Dreamweaver support forum - View the full discussion
    Thanks for simplifying this for everyone, Murray.
    Antimusic: While it is not possible to upload an Adobe video to your site, you can embed a video from http://tv.adobe.com using the embed code for the video. Is that what you were looking for?
    Thanks,
    Preran
    Please note that the Adobe Forums do not accept email attachments. If you want to embed a screen image in your message please visit the thread in the forum to embed the image at https://forums.adobe.com/message/6576208#6576208
    Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page:
    To unsubscribe from this thread, please visit the message page at . In the Actions box on the right, click the Stop Email Notifications link.
    Start a new discussion in Dreamweaver support forum by email or at Adobe Community
    For more information about maintaining your forum email notifications please go to http://forums.adobe.com/thread/416458?tstart=0.

  • Spacing menu links [subject edited by moderator]

    Starting from the basic initial setup, I am trying to move the sample Links so that they are underneath the title and side by side. Now they are almost all side by side, but the extra Links I added are dangling below the initial four Links. How do I space it properly? [content edited by moderator]
    Here's what I'm looking at. I'm trying to get them all side-by-side, and would also like to get it below "Guitar Site".

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Untitled Document</title>
    <style type="text/css">
    body {
      font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
      background-color: #B4B3AF;
      margin: 0;
      padding: 0;
      color: #000;
    /* ~~ Element/tag selectors ~~ */
    ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
      padding: 0;
      margin: 0;
    h1, h2, h3, h4, h5, h6, p {
      margin-top: 0; /* removing the top margin gets around an issue where margins can escape from their containing block. The remaining bottom margin will hold it away from any elements that follow. */
      padding-right: 15px;
      padding-left: 15px; /* adding the padding to the sides of the elements within the blocks, instead of the block elements themselves, gets rid of any box model math. A nested block with side padding can also be used as an alternate method. */
      background-color: #A2A0A0;
    a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
      border: none;
    /* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
    a:link {
      color: #42413C;
      text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
    a:visited {
      color: #6E6C64;
      text-decoration: underline;
    a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
      text-decoration: none;
    /* ~~ This fixed width container surrounds all other blocks ~~ */
    .container {
      width: 960px;
      background-color: #A79E9F;
      margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
      font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
      color: #0A5BD8;
    /* ~~ The header is not given a width. It will extend the full width of your layout. ~~ */
    header {
      background-color: #ADB96E;
    /* ~~ These are the columns for the layout. ~~
    1) Padding is only placed on the top and/or bottom of the block elements. The elements within these blocks have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the block itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the block element and place a second block element within it with no width and the padding necessary for your design.
    2) No margin has been given to the columns since they are all floated. If you must add margin, avoid placing it on the side you're floating toward (for example: a right margin on a block set to float right). Many times, padding can be used instead. For blocks where this rule must be broken, you should add a "display:inline" declaration to the block element's rule to tame a bug where some versions of Internet Explorer double the margin.
    3) Since classes can be used multiple times in a document (and an element can also have multiple classes applied), the columns have been assigned class names instead of IDs. For example, two sidebar blocks could be stacked if necessary. These can very easily be changed to IDs if that's your preference, as long as you'll only be using them once per document.
    4) If you prefer your nav on the left instead of the right, simply float these columns the opposite direction (all left instead of all right) and they'll render in reverse order. There's no need to move the blocks around in the HTML source.
    .sidebar1 {
      float: right;
      width: 180px;
      background-color: #EADCAE;
      padding-bottom: 10px;
    .content {
      padding: 10px 0;
      width: 780px;
      float: right;
      color: #000000;
    /* ~~ This grouped selector gives the lists in the .content area space ~~ */
    .content ul, .content ol {
      padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
    /* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
    nav ul{
      list-style: none; /* this removes the list marker */
      border-top: 1px solid #666; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
      margin-bottom: 15px; /* this creates the space between the navigation on the content below */
    nav li {
      border-bottom: 1px solid #666; /* this creates the button separation */
    nav a, nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
      padding: 5px 5px 5px 15px;
      display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
      width: 160px;  /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
      text-decoration: none;
      background-color: #C6D580;
    nav a:hover, nav a:active, nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
      background-color: #ADB96E;
      color: #FFF;
    /* ~~ The footer ~~ */
    footer {
      padding: 10px 0;
      background-color: #CCC49F;
      position: relative;/* this gives IE6 hasLayout to properly clear */
      clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
    /*HTML 5 support - Sets new HTML 5 tags to display:block so browsers know how to render the tags properly. */
    header, section, footer, aside, article, figure {
      display: block;
    h1,h2,h3,h4,h5,h6 {
      font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    h1 {
      font-size: 36mm;
      color: #FB1C20;
    </style><!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]--></head>
    <body class="container">
    <div class="container">
      <h3>
        <header>
          <a href="#"><img src="../../Misc/PlayingGuitar.jpg" alt="Insert Logo Here" width="946" height="359" id="Insert_logo" style="background-color: #C6D580; display:block;" /></a>
        </header>
      </h3>
      <div class="body">
        <nav>
        <ul class="content">
          <li><span class="sidebar1"><a href="#">Lessons</a></span></li>
          <li><span class="sidebar1"><a href="#">Tips on Buying</a></span></li>
          <li><span class="sidebar1"><a href="#">Reviews</a></span></li>
          <li><span class="sidebar1"><a href="#">Community</a></span></li>
          <li><span class="sidebar1"><a href="#">About</a></span></li>
        </ul>
        </nav>
      <!-- end .body -->
      <span style="text-align: center"></span></div>
      <article class="content">
        <h1>Guitar Core</h1>
        <section>
         <h2>Headline 1</h2>
          <p> </p>
        </section>
        <section>
          <h2>Clearing Method</h2>
          <p> </p>
          <p>Because all the columns are floated, this layout uses a clear:both declaration in the footer rule.  This clearing technique forces the .container to understand where the columns end in order to show any borders or background colors you place on the .container. If your design requires you to remove the footer from the .container, you'll need to use a different clearing method. The most reliable will be to add a &lt;br class=&quot;clearfloat&quot; /&gt; or &lt;div  class=&quot;clearfloat&quot;&gt;&lt;/div&gt; after your final floated column (but before the .container closes). This will have the same clearing effect. </p>
        </section>
        <section>
          <h2>Logo Replacement</h2>
          <p>An image placeholder was used in this layout in the header where you'll likely want to place  a logo. It is recommended that you remove the placeholder and replace it with your own linked logo. </p>
          <p> Be aware that if you use the Property inspector to navigate to your logo image using the SRC field (instead of removing and replacing the placeholder), you should remove the inline background and display properties. These inline styles are only used to make the logo placeholder show up in browsers for demonstration purposes. </p>
          <p>To remove the inline styles, make sure your CSS Styles panel is set to Current. Select the image, and in the Properties pane of the CSS Styles panel, right click and delete the display and background properties. (Of course, you can always go directly into the code and delete the inline styles from the image or placeholder there.)</p>
        </section>
        <section>
          <h2>Backgrounds</h2>
          <p>By nature, the background color on any block element will only show for the length of the content. This means if you're using a background color or border to create the look of a side column, it won't extend all the way to the footer but will stop when the content ends. If the .content block will always contain more content, you can place a border on the .content block to divide it from the column.</p>
        </section>
        <!-- end .content --></article>
      <footer>
        <p>This footer contains the declaration position:relative; to give Internet Explorer 6 hasLayout for the footer and cause it to clear correctly. If you're not required to support IE6, you may remove it.</p>
        <address>
          Address Content
        </address>
      </footer>
      <!-- end .container --></div>
    </body>
    </html>

  • [Solved] Site display issues in Firefox 11.0-2/KDE 4.8.1

    I have been having issues with the form fields of the AUR page. Specifically, with any version of Firefox after v9; the fields are incredibly small. (See http://imgur.com/KEdYk for what it looks like). I have removed gtk-kde4, and even created a vanilla user with a brand-new home directory, and this other user profile experiences the same problem. edit: In a fresh install of GNOME 3, the AUR page displays correctly. Also displays correctly if I revert to FF v9
    This problem doesn't occur in Chromium, so I thought it was a FF issue, however, I've not heard of anybody else with this same problem... So I'm a little stumped. I filed a bug report a while back, (https://bugs.archlinux.org/task/28613 ), but it has been closed. Any help in diagnosing and/or fixing this issue would be helpful and appreciated. Thanks!
    Last edited by Axanon (2012-03-25 14:03:55)

    That is sounding quite strange.  I've had display issues similar to yours with login fields and search fields that are usually at the top of a we page appearing distorted and on top of each other.  Another prevalent problem that I noticed on YouTube was that text I enter into any field doesn't show up, but it is entered and I can search.  I'm running xfce so I don't know what to say.  Haven't had the problem in gnome, though I really don't like gnome 3 for its lack of what of what I considered organizational hierarchy.  (though I am against hierarchies of other sorts),  Ive also found that clearing the Firefox cache can solve some of these problems.

  • Validation errors on site [subject edited by moderator]

    I am using Dreamweaver CS6 on XP. Suddenly, errors are showing up on a website I created last year. At that time, W3C validation did not find errors in the same code. The site has worked with no problems (as far as I know) since then. Please note: I am not messing manually with the code--all these errors were created by Dreamweaver. I went in to change a few external links (to internet sites) and found these W3C errors. Now I am afraid to update any of my pages for fear I will jinx things and the site won't work anymore with these errors. What is happening? Why didn't these errors appear last year? Should I worry about them? If so, how can I find out how to fix them?
    Severity
    File
    Description
    Line
    Error
    C:\Documents and Settings\Piera\My Documents\EnglishinLosAngeles\index.html
    there is no attribute "ice:editable"
    32
    Error
    C:\Documents and Settings\Piera\My Documents\EnglishinLosAngeles\index.html
    document type does not allow element "div" here; assuming missing "li" start-tag
    34
    Error
    C:\Documents and Settings\Piera\My Documents\EnglishinLosAngeles\index.html
    document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag
    35
    Error
    C:\Documents and Settings\Piera\My Documents\EnglishinLosAngeles\index.html
    document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag
    36
    Error
    C:\Documents and Settings\Piera\My Documents\EnglishinLosAngeles\index.html
    document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag
    37
    Error
    C:\Documents and Settings\Piera\My Documents\EnglishinLosAngeles\index.html
    document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag
    38
    Error
    C:\Documents and Settings\Piera\My Documents\EnglishinLosAngeles\index.html
    document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag
    39
    Error
    C:\Documents and Settings\Piera\My Documents\EnglishinLosAngeles\index.html
    end tag for "li" omitted, but OMITTAG NO was specified
    41
    Error
    C:\Documents and Settings\Piera\My Documents\EnglishinLosAngeles\index.html
    document type does not allow element "meta" here
    43
    Error/Warning Type
    Count
    Total errors:
    9
    Total warnings:
    0
    Total nesting errors:
    0
    Total messages:
    0

    Thanks! I did what you said (took out the ice:editable="*") from the template, repopulated (I think I did that--Dreamweaver automatically asked me if I wanted to use the template for all pages, and I clicked yes). However, there are still errors. All other pages I have looked at are still with errors very similar to the ones listed. Here they are below
    Severity
    File
    Description
    Line
    Error
    C:\Documents and Settings\Piera\My Documents\EnglishinLosAngeles\buy\index.html
    document type does not allow element "div" here; assuming missing "li" start-tag
    64
    Error
    C:\Documents and Settings\Piera\My Documents\EnglishinLosAngeles\buy\index.html
    document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag
    65
    Error
    C:\Documents and Settings\Piera\My Documents\EnglishinLosAngeles\buy\index.html
    document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag
    66
    Error
    C:\Documents and Settings\Piera\My Documents\EnglishinLosAngeles\buy\index.html
    document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag
    67
    Error
    C:\Documents and Settings\Piera\My Documents\EnglishinLosAngeles\buy\index.html
    document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag
    68
    Error
    C:\Documents and Settings\Piera\My Documents\EnglishinLosAngeles\buy\index.html
    document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag
    69
    Error
    C:\Documents and Settings\Piera\My Documents\EnglishinLosAngeles\buy\index.html
    end tag for "li" omitted, but OMITTAG NO was specified
    71
    Error/Warning Type
    Count
    Total errors:
    7
    Total warnings:
    0
    Total nesting errors:
    0
    Total messages:
    0

  • Create complex site with no HTML/PHP knowledge {subject edited by moderator}

    I have zero knowledge about web design, i want to create a website that would feature thousands of users creating accounts and writing articles, and for that i think i need to create it using php language, my question is how can i learn it, both the basics,language and how to do it step by step on DW?

    Contact Facebook and ask their team of web developers how they do it.   Seriously, this is no project for a rank beginner.  Without advanced coding skills and a very good grasp of web server security, you are in over your head.  DW is a tool.  It's only as good as the person using it.
    HTML, CSS & Web Design Theory Tutorials -
    http://www.html.net/
    http://w3schools.com/
    http://www.csstutorial.net/
    http://phrogz.net/css/HowToDevelopWithCSS.html
    http://webdesign.tutsplus.com/sessions/web-design-theory/
    Creating your first web site in DW CC:
    http://www.adobe.com/devnet/dreamweaver/articles/CS6/first_website_pt1.html
    PHP Tutorials:
    http://www.html.net/tutorials/php/
    PHP Net
    www.php.net/
    Nancy O.

  • Redirect to mobile site {subject edited by moderator}

    hello i have a website and a mobile site when i try to upload the mobile site files it ask to over write the main website files ?help in cs6

    You can do this with javascript on the main site's default page -
    <script type="text/javascript">
    if (screen.width <= 730) {
      window.location = "http://www.example.com/m";
    var ua = navigator.userAgent.toLowerCase();
    var isAndroid = ua.indexOf("android") > -1; //&& ua.indexOf("mobile");
    if(isAndroid && screen.width <= 730) {
      // Do something!
      // Redirect to Android-site?
      window.location = 'http://www.example.com/m';
    </script>
    If either of those tests return true, the user is redirected to the default page in the "m" subdirectory which would be where your mobile site and its dependent files are located.

  • Import SiteBuilder site into DW CS5.5 and edit it {subject edited by moderator}

    I have zero DW experience.  I simply want flexibility and control over my site's content, which changes frequently.  I also want my "favicon" opposed to yahoo's favicon on my paid site.   I am grateful for any assistance. Oh, my site is www.teuwanda.com
    Thanks Everyone! 

    Hi Ms T -
    DW is a nightmare if you don't know HTML and CSS code at the very least.
    Won't Sitebuilder allow for inserting code for an icon in your pages?
    I am dubious that Sitebuilder will let you access your site files with anything but their CMS.
    Have you ever used an FTP program to upload an entire HTML page to the site?
    You can easily add a custom icon as I did here, but how do you upload the revised page?
    Sitebuilder's structure consists of notoriously brittle Absolute Positioning which often explodes when visitors try to enlarge their text size.  For example, see your home page code:
    <div id="centerwrapper">
    <div id="root" style="position:absolute;width:1100px;height:1359px;">
    <div id="e0" style="position:absolute;left:0;top:60;width:600;height:38;">
    <div id="e1" style="position:absolute;left:0;top:4;width:377;height:65;">
    <img width="377" height="65" alt="" src="sitebuilder/images/LOGO_WHITE_Expressions_by_Teuwanda2-377x65.jpg">
    </div>
    <div id="e2" style="position:absolute;left:720;top:1050;width:10;height:1;">
    <div id="e3" style="position:absolute;left:700;top:1020;width:400;height:200;">
    <div id="e4" style="position:absolute;left:30;top:1020;width:660;height:107;">
    <div id="e5" style="position:absolute;left:705;top:285;width:225;height:242;">
    <div id="e6" style="position:absolute;left:45;top:240;width:165;height:32;">
    <div id="e7" style="position:absolute;left:0;top:1320;width:145;height:19;">
    <div id="e8" style="position:absolute;left:525;top:270;width:260;height:15;">
    <div id="e9" style="position:absolute;left:225;top:285;width:180;height:242;">
    <div id="e10" style="position:absolute;left:135;top:750;width:135;height:75;">
    <div id="e11" style="position:absolute;left:500;top:60;width:600;height:38;">
    <div id="e12" style="position:absolute;left:500;top:1185;width:600;height:38;">
    <div id="e13" style="position:absolute;left:0;top:1185;width:600;height:38;">
    <div id="e14" style="position:absolute;left:525;top:240;width:165;height:30;">
    <div id="e15" style="position:absolute;left:300;top:705;width:225;height:30;">
    <div id="e16" style="position:absolute;left:300;top:735;width:260;height:15;">
    <div id="e17" style="position:absolute;left:45;top:600;width:135;height:15;">
    <div id="e18" style="position:absolute;left:525;top:600;width:135;height:15;">
    <div id="e19" style="position:absolute;left:30;top:1215;width:81;height:105;">
    <div id="e20" style="position:absolute;left:0;top:120;width:1100;height:60;">
    <div id="e21" style="position:absolute;left:375;top:30;width:75;height:34;">
    <div id="e22" style="position:absolute;left:300;top:750;width:170;height:240;">
    <div id="e23" style="position:absolute;left:525;top:285;width:170;height:240;">
    <div id="e24" style="position:absolute;left:45;top:270;width:260;height:15;">
    <div id="e25" style="position:absolute;left:45;top:285;width:170;height:240;">
    <div id="e26" style="position:absolute;left:45;top:540;width:165;height:17;">
    <div id="e27" style="position:absolute;left:525;top:540;width:165;height:17;">
    <div id="e28" style="position:absolute;left:240;top:585;width:74;height:15;">
    <div id="e29" style="position:absolute;left:720;top:585;width:75;height:15;">
    <div id="e30" style="position:absolute;left:45;top:585;width:195;height:15;">
    <div id="e31" style="position:absolute;left:210;top:600;width:150;height:15;">
    <div id="e32" style="position:absolute;left:690;top:600;width:165;height:15;">
    <div id="e33" style="position:absolute;left:525;top:585;width:210;height:15;">
    <div id="e34" style="position:absolute;left:330;top:585;width:31;height:15;">
    <div id="e35" style="position:absolute;left:810;top:585;width:31;height:15;">
    <div id="e36" style="position:absolute;left:45;top:615;width:70;height:15;">
    <div id="e37" style="position:absolute;left:525;top:615;width:70;height:15;">
    <div id="e38" style="position:absolute;left:180;top:1260;width:353;height:17;">
    </div>
    </div>
    DW is a nightmare if you don't know HTML and CSS code at the very least.

  • Linking separate desktop and mobile sites [subject edited by moderator]

    I created a regular site in dreamweaver and then I made a mobile version usingjquery mobile, how do I link the two together so when someone search fro the site on a desktop the regular site will show and when someone searches for it on a mobile device the mobile one will show?

    That is why better informed web developers use the Responsive Web Design (RWD) technique. I thoroughly recommend this.
    However, because you have two sites, have a read of this Official Google Webmaster Central Blog: Running desktop and mobile versions of your site

  • Finding text in site [subject edited by moderator]

    I am looking for text that Find/Replace cannot locate. I've also searched through most of my files on my website, but I still cannot find this word, which needs to be corrected. It is obviously on the external server, but Dreamweaver does not recognize this.

    This is the website for my department in my company and I don't know if I would be allowed to post a link publicly (and I cannot ask until tomorrow), but please find the screenshot below. If there is a way to share this without making it entirely public, I would be happy to share the site.
    While "Chemical Hygine..." would logically show up under the Site Tools menu, it does not, though the other four site tool options do appear. I cannot find it anywhere in the site to delete.
    Another clue is that, not only is the word misspelled and not visible in a Find/Replace search, but, on most pages (but not all), the link is broken. Again, I can view this externally when on my website, but can neither view nor access when managing my site within Dreamweaver.

  • Dreamweaver FTP problems and Yosemite [subject edited by moderator]

    Dreamweaver (newly) installed won't recognize my server (ftp.jakkoke.com). Have checked firewall (no problem), other ftp programs which work just fine, old version of Dreamweaver - works but not with Mac os 10.10 Yosemite. Set up irs.guv - new Dreamweaver communicates with this and other FTP sites just fine. Uninstalled and reinstalled twice. What am I to do?

    Hi jekoke,
    Please follow the steps mentioned below:
    Quit Dreamweaver if it's running.
    Go to Spotlight (magnifying glass icon on the far right hand side of the menu bar) and type "Keychain". Look for the "Keychain Access" application and click to launch it.
    In Keychain Access, you should see a list of Keychain items.  Look in the "Name" column for an item named with the Site Name of your affected site. It will look something like this: "SiteName-SiteServer 0". It will also say "application password" in the "Kind" column.
    Click the item to select it. You should see some properties of the Keychain item appear at the top of the Keychain Access window. As a double check, ensure that the value shown for "Account" is the FTP username.  If it's not, then you may have the wrong item.
    Once you're happy you have the correct item, and it's selected, hit the Delete key to remove it. Leave the application open for now.
    Start Dreamweaver, go to the "Manage Sites" dialog box (Site > Manage Sites...), and edit the affected site. Click on the Servers section and double click the server in the list to edit it.
    Enter the FTP username and password, then click Save to close the edit server box, and click Save again to close the edit site box.
    You should now see that a new Keychain item has been created in Keychain Access (it should have the same name).
    You can quit Keychain Access and Dreamweaver now, then restart Dreamweaver and check if it works now without having to re-enter the FTP details.
    Please let us know if you still face any issues.

  • DWCS6 - can't edit in Code view {subject edited by moderator}

    In the split view or the design view, I can edit text anywhere on the page but when I click on the code side the text is grey and line number bar turns blue. Is there a way to turn the editing back on in the code view? Working on a PC with a document created on a mac.

    No, it won't let me edit in the code at all.
    Here's the code:
    <!DOCTYPE HTML>
    <html><!-- InstanceBegin template="/Templates/OCVR.dwt" codeOutsideHTMLIsLocked="false" -->
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <!-- InstanceBeginEditable name="doctitle" -->
      <title>OVCR | New Researcher Guide</title>
      <!-- InstanceEndEditable -->
    <!-- Mobile Specific Metas
    ================================================== -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <!-- CSS
    ================================================== -->
    <link rel="stylesheet" href="../css/reset.css" type="text/css" media="all" />
    <link rel="stylesheet" href="../css/responsive.css" type="text/css" media="all" />
    <!--[if lte IE 7]>
      <link rel="stylesheet" type="text/css" href="/ovcr/css/ie7.css" />
    <![endif]-->
    <!-- OTHER LINKS
    ================================================== -->
    <link href="http://illinois.edu/lb/rss/19/text.xml" rel="alternate" type="application/rss+xml" title="Illinois News Bureau: Research" />
    <!-- JS
    ================================================== -->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
    <script src="../scripts/search.js" type="text/javascript"></script>
    <script type="text/javascript" src="http://emergency.webservices.illinois.edu/illinois.js"></script>
    <!-- InstanceBeginEditable name="head" -->
      <link rel="stylesheet" href="../css/smoothness/jquery-ui-1.8.23.custom.css">
      <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script>
      <script>
      $(function() {
      $( "#accordion" ).accordion({
      active: false,
      autoHeight: false,
      collapsible: true,
      header: 'h2'
      </script>
      <!-- InstanceEndEditable -->
    </head>
    <body>
    <div id="header">
      <div class="wrapper">
      <div id="logo"><a href="http://illinois.edu/"><img src="../images/uiuc.png" alt="The Office of the Vice Chancellor for Research" width="57" height="71" /></a><a href="../index.cfm"><img id="ovcr-logo" src="../images/invisible.png" alt="The Office of the Vice Chancellor for Research" width="437" height="63" /></a></div>
      <div id="campus">
      <ul id="nav_2">
      <li class="firstLI"><a href="http://illinois.edu/map/view">Maps</a></li>
      <li><a href="http://illinois.edu/ds/azList">A-Z Campus Index</a></li>
      </ul>
      <form action="" onSubmit="sendSearch()" id="" name="gs" method="get">
      <input type="hidden" name="search">
      <input type="hidden" value="all" name="search_type">
      <input type="hidden" value="" name="skinId">
      <input type="hidden" value="" name="cx">
      <input type="hidden" value="" name="cof">
      <input type="text" onFocus="checkSearchValue()" value="Search" size="10" class="searchbox" id="q" name="q">
      <input type="submit" id="go" class="searchbutton" value="Search" name="sa">
      <ul id="searchRadio">
      <li>
      <input type="radio" checked="checked" value="1" id="searchType_people" name="t">
      <label for="searchType_people">Directory</label>
      </li>
      <li>
      <input type="radio" value="2" id="searchType_info" name="t">
      <label for="searchType_info">Illinois</label>
      </li>
      </ul>
      </form>
      </div>
      </div>
    </div>
    <!-- <= end #header -->
    <div id="nav_main">
      <ul>
      <li><a href="../research/index.cfm">Research Funding</a></li>
      <li><a href="../policies/index.cfm">Policies &amp; Compliance</a></li>
      <li><a href="../training/index.cfm">Training for Researchers</a></li>
      <li><a href="index.cfm">About the OVCR</a></li>
      </ul>
    </div>
    <!-- <= end #navigation -->
    <div class="wrapper">
      <div id="crumbs"><!-- InstanceBeginEditable name="crumbs" --><a href="../index.cfm">Home</a> &raquo; <a href="index.cfm">About the OVCR</a> &raquo; <strong>New Researcher Guide</strong><!-- InstanceEndEditable --></div>
      <!-- <= end #crumbs -->
      <div id="content-bg">
      <div id="content">
      <div id="article"> <!-- InstanceBeginEditable name="content" -->
      <!-- <= end #crumbs -->
      <div id="content">
      <div id="article"> <!-- InstanceBeginEditable name="content" -->
      <div id="subNav"><!-- #BeginLibraryItem "/Templates/about.lbi" --><ul id="menu_resp">
      <li><a href="staff.cfm">Staff Directory</a></li>
      <li><a href="../orgchart.pdf">Organization Chart</a></li>
      <li><a href="committees.cfm">Committees of the VCR</a></li>
      <li><a href="units.cfm">Overview of Units</a></li>
      <li><a href="reports_statistics.cfm">Reports &amp; Statistics</a></li>
      <li><a href="Research_Admin_Guidelines.cfm">OVCR Research Administration Guidelines</a></li>
      <li><a href="volunteer.cfm">Volunteer to Help Illinois Research</a></li>
      <li><a href="contact.cfm">Contact Us</a></li>
    </ul>
    <p><a href="#" onClick="javascript:$('#menu_resp').slideToggle(); return false;" id="menu_m">&ndash; Menu &ndash;</a></p>
    <!-- #EndLibraryItem --></div>
      <div class="section">
      <h1>New Researcher Guide </h1>
      <div id="accordion">
       <p><strong>Welcome to the Illinois Research Community!</strong></p>
      <p>Illinois is a large and complex institution, but we hope that you will soon find your way around both the physical and the electronic campus.<br>
       <br>
       Our culture values collegiality and interdisciplinary research, and we hope this page provides the basic information you need to help you launch your own productive research endeavors.<br>
      <br>
               Click on the tabs below for select links and information about the Illinois research community. More detailed information can be found throughout this website - and if you need additional guidance, don't hesitate to <a href="mailto:[email protected]">contact us</a>. </p>
    <h2><a href="#">Find Research Resources</a></h2>
       <div>
      <p>Your college's research office can provide specifics, as individual research needs will vary depending upon your discipline, but the following links may help you find the tools, equipment, and services to achieve your research goals: </p>
      <p><a href="http://research.illinois.edu/units/technology.cfm">Campus research facilities and services</a><a href="http://research.illinois.edu/about/programs-and-resources.cfm"><br>
         Research programs and additional resources</a></p>
      <p>Select items that may be of particular interest to new faculty include:</p>
       <p><a href="http://www.library.illinois.edu/sc">Library research resources (Scholarly Commons) </a><br>
         <a href="http://www.library.illinois.edu/ugl/mc/">Support for producing digital media  (Media Commons)</a><a href="https://ideals.illinois.edu/"> <br>Research Repository (IDEALS)</a><a href="http://itg.beckman.illinois.edu/visualization_laboratory/"><br>
           Modeling, imaging, and graphic design services (Beckman Vis Lab) and</a><a href="http://www.igb.illinois.edu/core">Microscopy services (IGB Core Facilities)</a><a href="http://www.it.illinois.edu/"><br>
           Computing resources (IT Excellence)</a></p>
               </div>
      <h2><a href="#">Find Funding</a></h2>
       <div>
      <p> Your departmental business office can  guide you, but when you are ready to look for funding, the OVCR can help.</p>
      <h4>Internal Funding Resources:</h4>
                            <p>The <a href="http://crb.research.illinois.edu/">Research Board</a> provides support for new faculty to initiate research at Illinois. <a href="http://research.illinois.edu/research/Funding_Opportunities.cfm"><br>
                            Additional Campus Funding Opportunities</a></p>
                            <h4>External Funding Resources:</h4>
                            <p><a href="http://externalfunding.research.illinois.edu/Default.aspx">Limited Submissions</a><a href="https://www.grantforward.com/index"><br>
                              Grant Forward </a></p>
                            <p>The OVCR offers <a href="http://research.illinois.edu/research/support.cfm">additional support</a> to faculty in the humanities, arts, and social sciences<em>. </em></p>
                            <p><em><br />
                            </em> </p>
                          </div>
      <h2><a href="#">Hire Staff</a><br />
      </h2>
      <div>
      <p>Your departmental business office should be able to assist you with personnel needs. There are many different employee classifications, and the hiring process differs significantly depending on the position.</p>
      <p>Visit the Illinois Human Resources <a href="http://humanresources.illinois.edu/index.html">website</a> for more information. <br />
       </p>
         </div>
      <h2><a href="#">Find Collaborators</a></h2>
      <div>
      <p>The University of Illinois at Urbana-Champaign is currently developing a &quot;Faculty Experts Database&quot;<em> -</em> a tool that will showcase faculty expertise and help you to connect with colleagues. We will launch that service in Fall 2013, but in the meantime we encourage you to connect with your department head and senior faculty, and your college's senior administration. They can provide suggestions on connecting with other researchers across campus. </p>
      <p>Additionally, the research   institutes that report to the OVCR are hubs of collaboration and interdisciplinary research on campus: </p>
      <p><a href="http://beckman.illinois.edu/">Beckman Institute for Advanced Science and Technology</a></p>
      <p><a href="http://www.igb.illinois.edu">Institute for Genomic Biology</a></p>
      <p><a href="http://www.ncsa.illinois.edu/">National Center for Supercomputing Applications</a></p>
      <p><a href="http://www.prairie.illinois.edu/">Prairie Research Institute</a><br />
       </p>
                            </div>
      <h2><a href="#">Understand Regulatory Requirements</a></h2>
      <div>
      <p>Supporting the   safe and ethical conduct of research is a priority for the Office of the Vice Chancellor for Research at the University of Illinois at Urbana-Champaign. Review a <a href="http://research.illinois.edu/policies/checklist.cfm">checklist</a> to help you get started, or learn more about research <a href="http://research.illinois.edu/policies/index.cfm">policies</a>and required<a href="http://research.illinois.edu/training/index.cfm"> training.</a><em><br />
       </em> </p>
      </div>
                            <h2><a href="#">Share Your Results</a></h2>
      <div>
      <p>The<a href="http://otm.illinois.edu/"> Office of Technology Management</a> can help you understand the intellectual property issues in research activities and your role in commercializing university innovation. </p>
      <p>The  News Bureau generates and coordinates national news coverage of the Urbana-Champaign campus. News Bureau writers cover <a href="http://news.illinois.edu/about_staff.html">specific campus beats</a> and also provide advice for interacting with the media. </p>
      <p>Many departments and colleges also have communications staff to help share news and research results. Find your unit's &quot;Chief Communications Officer&quot; <a href="http://publicaffairs.illinois.edu/campus/cco.html">here</a>. <em><br />
       </em></p>
             </div>
      <h2><a href="#">People in Research: The Names You Need to Know</a></h2>
                                <div>
      <h4><a href="../orgchart.pdf">OVCR Org Chart</a> </h4>
      <p><a href="http://research.illinois.edu/about/staff.cfm"><br>
         Office of the Vice Chancellor for Research</a><br>
       Peter Schiffer, Vice Chancellor for Research<br>
       Melanie Loots, Executive Associate Vice Chancellor for Research<br>
       Jan Novakofski, Associate Vice Chancellor, Compliance<br>
       Nancy Abelmann, Associate Vice Chancellor for Humanities, Arts, and Related Fields
                                  <br>
                                  Howard Guenther, Associate Vice Chancellor, Research Integrity Officer
      </p>
      <p><a href="http://www.ospra.illinois.edu/">Office of Sponsored Programs</a><br>
       Dave Richardson, Director </p>
      <p><a href="http://irb.illinois.edu/">Institutional Review Board</a><br>
       Anita Balgopal, Director</p>
      <p> <a href="http://www.drs.illinois.edu/">Division of Research Safety</a><br>
       Peter Ashbrook, Director</p>
      <p><a href="http://dar.research.illinois.edu/">Division of Animal Resources</a><br>
       Lyndon Goodly, Director</p>
      <p><a href="http://biomedical.illinois.edu/">Division of Biomedical Sciences</a><br>
       Jennifer Eardley, Interim Director
      </p>
                                </div>
      <p> </p>
         </div>
      <!-- <= end .section -->
      <div class="clear"></div>
      <!-- InstanceEndEditable --> </div>
      </div>
      </div>
      <!-- <= end #content --></div>
    <div id="footer">
      <div class="wrapper">
      <div id="address">
      <p><strong>Office of the Vice Chancellor for Research</strong><br>
      Fourth Floor, Swanlund Administration Building, MC-304<br>
      601 E. John Street, Champaign, IL 61820</p>
      </div>
      <div id="email">
      <p><strong>Email:</strong> <a href="mailto:[email protected]">[email protected]</a><br>
      <strong>Phone:</strong> 217-333-0034<br>
      <strong>Fax:</strong> 217-244-3716</p>
      </div>
      <p id="c">&copy; 2012 Board of Trustees of the <a href="http://illinois.edu/">University of Illinois</a></p>
      </div>
    </div>
    <!-- <= end #footer --> <script src="../scripts/menu.js"></script> <script type="text/javascript" src="http://emergency.webservices.illinois.edu/illinois.js"></script>
    <!-- InstanceBeginEditable name="footer" --><!-- InstanceEndEditable -->
    <div id="modal"></div>
    <script type="text/javascript">
    var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
    document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
    </script>
    <script type="text/javascript">
    try {
    var pageTracker = _gat._getTracker("UA-6127625-1");
    pageTracker._trackPageview();
    } catch(err) {}
    </script>
    </body>
    <!-- InstanceEnd --></html>

  • Need help modifying third-party "template" in DW! 3 questions [subject edited by moderator]

    This is re:398 nature template
    I'm using CC, if that matters.
    I'm amateur, please be kind If you will kindly reference the template, I will compensate with appreciation.
    Problem A.) I have tried for HOURS--cannot make this image fill the page (I plan to have a different background image on different pages). I read around and pasted in it's exact size, etc. It doesn't move and it's cut off top & bottom. Left & right are perfect. Here is where I am so far:
    <div class="image-section">
      <div class="image-container">
      <img src="images/cover_A.jpg" id="home-img" class="main-img inactive" alt="Home" height="2700" width="3946" >
      <img src="images/main_modified.jpg" id="about-img" class="inactive" alt="About">
      <img src="images/main_modified.jpg" id="news-img" class="inactive" alt="news">
      <img src="images/main_modified.jpg" id="excerpt-img" class="inactive" alt="excerpt">
      <img src="images/main_modified.jpg" id="purchase-img" class="inactive" alt="Contact">
      </div>
      </div>
    .image-section {
      position: fixed;
    .image-container {
      position: relative;
    max-height:2700px;
    max-width:3946px;
    padding: 100px 5px 2px;
    .image-container img {
      position:relative;
    height:2700px;
    width:3946px;
    padding: 100px 5px 2px;
    Problem B.) This somewhat transparent block..I need to move it. I can't figure out what it's called and Dreamweaver hardly lets me select it.
    <div class="row">
      <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 col-lg-offset-6 col-md-offset-6 templatemo-content-wrapper">
      <div class="templatemo-content">
    <section id="home-text" class="active templatemo-content-section">
    I'm not even sure if this applies to it:
    .templatemo-site-title a, .templatemo-site-title a:hover {
    color: #fff;
    text-decoration: none;
    font-family: raleway;
    font-weight: 500;
    font-size: 37pt;
    font-style: normal;
    img.slide {
      width: 100%;
      z-index: -9999999;
      position: absolute;
    .active {
      display: block;
    .inactive {
      left: 703px;
      display: none;
    Problem C.) Probably simple: I was able to get the menu horizontal (actually through this forum's help) how can I get it to center on the top of the page?
    .menu {
      position: fixed;
      width:auto;
      z-index: 1;
      top: 28px;
    #menu-list {
      background-color: rgba(0, 0, 0,0.5);
      font-size:18px;
      padding: 0;
    float: left;
    list-style: none;
    width: 100%;
    #menu-list > li {
    float:left;
    #menu-list > li > a {
      font-family: 'Raleway', sans-serif;
      padding: 10px 50px 10px 50px;
      text-decoration: none;
      display: block;
      color: #fff;
    font-weight:bold;
    If this is totally messed up (possibly a great chance of this..), don't be shy to politely ask or see the template! I am desperate and will reply immediately. THANKS SO MUCH! The floating white square (I want to use it on some pages, but in a different place) and the image being cut off are particularly painful. I am sure I'll run into other things, but I have exhausted my time on the problems above and am stuck

    Hi! Oh I am so glad someone replied!
    Unfortunately, it's not on a server yet. I can paste the full code here, if that's ok.
    <!DOCTYPE html>
    <!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
    <!--[if IE 7]>        <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
    <!--[if IE 8]>        <html class="no-js lt-ie9"> <![endif]-->
    <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
        <head>
            <meta charset="utf-8">
            <!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><![endif]-->
            <title>AdobeForumHelpPlaceholder</title>
            <meta name="keywords" content="" />
            <meta name="description" content="" />
    <!--
    Nature Template
    http://www.templatemo.com/preview/templatemo_398_nature
    -->
            <meta name="viewport" content="width=device-width">
            <!-- Google Web Font Embed -->
            <link href='http://fonts.googleapis.com/css?family=Raleway:400,600,500,300,700' rel='stylesheet' type='text/css'>
            <link rel="stylesheet" href="css/bootstrap.min.css">
            <link rel="stylesheet" href="css/templatemo_main.css">
        <!--The following script tag downloads a font from the Adobe Edge Web Fonts server for use within the web page. We recommend that you do not modify it.--><script>var __adobewebfontsappname__="dreamweaver"</script><script src="http://use.edgefonts.net/raleway:n1,n5:default.js" type="text/javascript"></script>
    </head>
        <body>
            <div id="main-wrapper">
                <!--[if lt IE 7]>
                    <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a rel="nofollow" href="http://browsehappy.com">upgrade your browser</a> or <a rel="nofollow" href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
                <![endif]-->
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 affix text-center" style="z-index: 1;">
    <ul id="responsive" style="display:none" class="hidden-lg hidden-md"></ul><!-- /.responsive -->
                </div>
                <div class="menu visible-md visible-lg">
                    <ul id="menu-list">
                        <li class="active home-menu"><a href="#home">Home</a></li>
                        <li class="about-menu"><a href="#about">The Author</a></li>
                        <li class="news-menu"><a href="#news">News Release</a></li>
                        <li class="excerpt-menu"><a href="#excerpt">Excerpt</a></li>
                        <li class="purchase-menu"><a href="#purchase">Buy the Book!</a></li>
                    </ul>
                </div><!-- /.menu -->
                <div class="image-section">
                    <div class="image-container">
                      <img src="images/cover_A.jpg" id="home-img" class="main-img inactive" alt="Home" height="2700" width="3946" >
                        <img src="images/main_modified.jpg" id="about-img" class="inactive" alt="About">
                        <img src="images/main_modified.jpg" id="news-img"  class="inactive" alt="news">
                        <img src="images/main_modified.jpg" id="excerpt-img" class="inactive" alt="excerpt">
                        <img src="images/main_modified.jpg" id="purchase-img" class="inactive" alt="Contact">
                    </div>
                </div>
                      <div class="row">
                    <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 col-lg-offset-6 col-md-offset-6 templatemo-content-wrapper">
                        <div class="templatemo-content">
    <section id="home-text" class="active templatemo-content-section">
                  <h1 class="text-center">Welcome</h1>
                  <div class="col-sm-12 col-md-12 col-lg-12">
    <p>Quisque non tempus lacus, non placerat arcu. Donec nibh ipsum, pharetra nec pellentesque at, mattis ut lorem. Fusce dapibus tristique neque, eget ultricies lorem tincidunt vitae. Aliquam erat volutpat. Integer vulputate ultricies nisl, sed vehicula justo accumsan non.</p>
              </div>
                          </section><!-- /.home-text -->
                            <section id="about-text" class="inactive">
                                <h2 class="text-center">About Us</h2>
                                <div class="col-sm-6 col-md-6">
                                    <p>Nullam sit amet enim vitae magna malesuada pharetra. Etiam sodales consequat purus non vulputate. Aliquam erat volutpat. Pellentesque rutrum, ligula vel fermentum imperdiet, lectus eros volutpat urna, id mollis dolor justo vulputate justo ut sit amet ante luctus metus.</p>
                                </div>
                                <div class="col-sm-6 col-md-6">
                                    <p>Vestibulum sodales nulla eu tortor condimentum venenatis. In tellus ipsum, ullamcorper vitae justo sit amet, mattis consequat tortor. Suspendisse risus urna, posuere id orci ut, facilisis accumsan ipsum. Sed vehicula lacinia porta. Vivamus faucibus dui nulla, a aliquet nunc porta in.</p>
                                </div>
                            </section><!-- /.about-text -->
                            <section id="news-text" class="inactive">
                                <h2 class="text-center">News Release</h2>
                                <div class="col-sm-4 col-md-4">
                                    <h3>Web Design</h3>
                                    <p>Integer posuere quam a orci tempor, ut eleifend est vulputate. Nullam vitae lectus dui. Donec vulputate ac tortor id convallis. Sed nisi mauris, laoreet vitae lacus at, viverra viverra neque. Curabitur nec aliquam lacus.</p>
                                </div>
                                <div class="col-sm-4 col-md-4">
                                    <h3>Mobile Ready</h3>
                                    <p>This is a <a href="#">mobile website template</a> that can be viewed in mobile phones. Maecenas aliquam vitae urna sit amet elementum. Cras consequat libero nisi, vel condimentum nibh eleifend ut. Donec consequat arcu id diam viverra.</p>
                                </div>
                                <div class="col-sm-4 col-md-4">
                                    <h3>Pixel Perfect</h3>
                                    <p>Vestibulum sodales nulla eu tortor condimentum venenatis. In tellus ipsum, ullamcorper vitae justo sit amet, mattis consequat tortor. Suspendisse risus urna, posuere id orci ut, facilisis accumsan ipsum. Sed vehicula lacinia porta.</p>
                                </div>
                            </section><!-- /.news-text -->
                            <section id="excerpt-text" class="inactive">
                                <div class="col-sm-12 col-md-12">
                                    <h2>Excerpt</h2>
                                    <p>Aenean quis semper metus. Maecenas adipiscing, leo a facilisis tempor, mi quam feugiat eros, ullamcorper porttitor elit turpis ac risus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Suspendisse non sem a leo mattis dapibus. Duis vel ornare arcu. Quisque at malesuada tortor.</p>
                                    <p>Quisque non tempus lacus, non placerat arcu. Donec nibh ipsum, pharetra nec pellentesque at, mattis ut lorem. Fusce dapibus tristique neque, eget ultricies lorem tincidunt vitae. Aliquam erat volutpat. Integer vulputate ultricies nisl, sed vehicula justo accumsan non.</p>
                                </div>
                            </section><!-- /.excerpt-text -->
                            <section id="purchase-text" class="inactive">
                                <div class="col-sm-12 col-md-12">
                                    <div class="row">
                                        <div class="col-sm-12 col-md-12"><h2>Contact</h2></div>
                                        <div class="clearfix"></div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-6 col-md-6">
                                            <div id="map-canvas"></div>
                                            <p>120 Aenean quis semper. Maecenas adipiscing, facilisis tempor, mi quam feugiat 10450</p>
                                        </div>
                                        <div class="col-sm-6 col-md-6">
                                            <form action="#" method="post">
                                                    <div class="form-group">
                                                        <!--<label for="contact_name">Name:</label>-->
                                                        <input type="text" id="contact_name" class="form-control" placeholder="Name" />
                                                    </div>
                                                    <div class="form-group">
                                                        <!--<label for="contact_email">Email:</label>-->
                                                        <input type="text" id="contact_email" class="form-control" placeholder="Email Address" />
                                                    </div>
                                                    <div class="form-group">
                                                        <!--<label for="contact_message">Message:</label>-->
                                                        <textarea id="contact_message" class="form-control" rows="9" placeholder="Write a message"></textarea>
                                                    </div>
                                                    <button type="submit" class="btn btn-primary">Send</button>
                                            </form>
                                        </div>
                                        <div class="clearfix"></div>
                                    </div>
                                </div>
                            </section><!-- /.purchase-text -->
                      </div><!-- /.templatemo-content -->
                    </div><!-- /.templatemo-content-wrapper -->
                </div>
    <!-- /.row -->
                <div class="row">
                    <div class="image-container">
                      <p class="footer-text">Copyright &copy; 2015</p>
                    </div><!-- /.footer -->
                </div>
        </div><!-- /#main-wrapper -->
            <div id="preloader">
                <div id="status"> </div>
            </div><!-- /#preloader -->
            <script src="js/jquery.min.js"></script>
            <script src="js/jquery.backstretch.min.js"></script>
            <script src="js/templatemo_script.js"></script>
            <!-- templatemo 398 nature -->
        </body>
    </html>      
    Nature Template
    http://www.templatemo.com/preview/templatemo_398_nature
    body, html { overflow-x: hidden; }
    body {
        font-size: 1em;
        line-height: 1.4;
        font-family: 'Raleway', sans-serif;
        font-style: normal;
        -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
        -webkit-text-size-adjust: 100%;
    h1, h2, h3, h4, h5, h6, span, p { font-family: 'Raleway', sans-serif; }
    hr {
        display: block;
        height: 1px;
        border: 0;
        border-top: 1px solid #ccc;
        margin: 1em 0;
        padding: 0;
    img {
        vertical-align: middle;
    /* Preloader */
    #preloader {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #fff; /* change if the mask should have another color then white */
        z-index: 99; /* makes sure it stays on top */
    #status {
        width: 200px;
        height: 200px;
        position: absolute;
        left: 50%; /* centers the loading animation horizontally one the screen */
        top: 50%; /* centers the loading animation vertically one the screen */
        background-image: url(../images/status.gif); /* path to your loading animation */
        background-repeat: no-repeat;
        background-position: center;
        margin: -100px 0 0 -100px; /* is width and height divided by two */
    /* General */
    #main-wrapper {
        overflow: hidden;
    .templatemo-site-title {
        color: #fff !important;
        text-shadow: 0px 2px 3px rgba(0, 0, 0, 1);
        font-size: 48px;
    .templatemo-site-title a, .templatemo-site-title a:hover {
        color: #fff;
        text-decoration: none;
        font-family: raleway;
        font-weight: 500;
        font-size: 37pt;
        font-style: normal;
    img.slide {
        width: 100%;
        z-index: -9999999;
        position: absolute;
    .active {
        display: block;
    .inactive {
        left: 703px;
        display: none;
    .image-section {
        position: fixed;
    .image-container {
        position: relative;
        max-height:2700px;
        max-width:3946px;
        padding: 100px 5px 2px;
    .image-container img {
        position:relative;
        height:2700px;
        width:3946px;
        padding: 100px 5px 2px;
    .templatemo-content {
        position: static;
        overflow: hidden;
        margin-top: 36%;
    .templatemo-content section {
        font-family: 'Raleway', sans-serif;
        position: relative;
        overflow: hidden;
        top: 0;
        background-color: rgba(255,255,255,0.75);
        padding-bottom: 20px;
    .templatemo-content-wrapper {
        overflow: hidden;
    .templatemo-content h2 {
        color: #000;
        font-family: 'Raleway', sans-serif;
    .templatemo-content p {
        font-family: 'Raleway', sans-serif;
        color: #000;
        font-size: 16px;
    .menu {
        position: fixed;
        width:auto;
        z-index: 1;
        top: 28px;
    #menu-list {
        background-color: rgba(0, 0, 0,0.5);
        font-size:18px;
        padding: 0;
        float: left;
        list-style: none;
        width: 100%;
    #menu-list > li {
        float:left;
    #menu-list > li > a {
        font-family: 'Raleway', sans-serif;
        padding: 10px 50px 10px 50px;
        text-decoration: none;
        display: block;
        color: #fff;
        font-weight:bold;
    #menu-list > .active > a,
    #menu-list > li > a:hover {
        background-color: rgba(255,255,255,0.25);
    #responsive {
        font-size: 16px;
        padding: 0;
        background-color: rgba(0,0,0,0.5);
    #responsive li {
        display: block;
    #responsive li a {
        font-family: 'Raleway', sans-serif;
        color: #fff;
        text-decoration: none;
        padding: 10px 0;
        display: block;
    #responsive > .active > a,
    #responsive li a:hover {
        background-color: rgba(0,0,0,0.5);
    #map-canvas {
        height: 256px;
        margin-bottom: 10px;
    .templatemo-content {
        padding-bottom: 6%;
    .footer {
        overflow: hidden;
        position: fixed;
        bottom: 10px;
    .footer-text {
        font-family: 'Raleway', sans-serif;
        color: #fff;
        text-shadow: 0px 2px 3px rgba(0, 0, 0, 1);
        margin-left: 30px;
        font-size: 14px;
    .footer-text a, .footer-text a:hover {
        color: #fff;
        text-decoration: none;
    #menu-list .about-menu a {
    @media (max-width: 992px) {
        .footer {
            overflow:hidden;
            position:static;
            text-align: center;
        .footer-text {
            margin-left: 0;
    bootstrap
    * Bootstrap v3.1.1 (http://getbootstrap.com)
    * Copyright 2011-2014 Twitter, Inc.
    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
    /*! normalize.css v3.0.0 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}bod y{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,s ummary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:basel ine}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{backgroun d:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0 ;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}sv g:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}cod e,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select, textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-tr ansform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor: pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0; padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:borde r-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit- outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-siz ing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]:: -webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appeara nce:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{bor der-collapse:collapse;border-spacing:0}td,th{padding:0}@media print{*{text-shadow:none!important;color:#000!important;background:transparent!important; box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:av oid}img{max-width:100%!important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}s elect{background:#fff!important}.navbar{display:none}.table td,.table th{background-color:#fff!important}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000! important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table-bordered th,.table-bordered td{border:1px solid #ddd!important}}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:bor der-box}:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing :border-box}html{font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-famil y:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;backgro und-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-hei ght:inherit}a{color:#428bca;text-decoration:none}a:hover,a:focus{color:#2a6496;text-decora tion:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.i mg-responsive,.thumbnail>img,.thumbnail a>img,.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;max-width:100%; height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.428571 43;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50% }hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidde n;clip:rect(0,0,0,0);border:0}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:inheri t;font-weight:500;line-height:1.1;color:inherit}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{font-weight:400;line-height:1;color:#999}h1,.h1,h2,.h2,h3,.h3{margin-top:20px;marg in-bottom:10px}h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small{font-size:65%}h4,.h4,h5,.h5,h6,.h6{margin-top:10px;margin-bottom:10px}h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small{font-size:75%}h1,.h1{font-size:36px}h2,.h2{font-size:30px}h3,.h3{font-size:24px}h4 ,.h4{font-size:18px}h5,.h5{font-size:14px}h6,.h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:200;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}small,.small{font-size:85%}cite{font-style:normal }.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.t ext-justify{text-align:justify}.text-muted{color:#999}.text-primary{color:#428bca}a.text-p rimary:hover{color:#3071a9}.text-success{color:#3c763d}a.text-success:hover{color:#2b542c} .text-info{color:#31708f}a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.tex t-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:hover{color:#843534 }.bg-primary{color:#fff;background-color:#428bca}a.bg-primary:hover{background-color:#3071 a9}.bg-success{background-color:#dff0d8}a.bg-success:hover{background-color:#c1e2b3}.bg-in fo{background-color:#d9edf7}a.bg-info:hover{background-color:#afd9ee}.bg-warning{backgroun d-color:#fcf8e3}a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f 2dede}a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40 px 0 20px;border-bottom:1px solid #eee}ul,ol{margin-top:0;margin-bottom:10px}ul ul,ol ul,ul ol,ol ol{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-lef t:0;list-style:none;margin-left:-5px}.list-inline>li{display:inline-block;padding-left:5px ;padding-right:5px}dl{margin-top:0;margin-bottom:20px}dt,dd{line-height:1.42857143}dt{font -weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellip sis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #999}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child{margin-bottom:0}blockquote footer,blockquote small,blockquote .small{display:block;font-size:80%;line-height:1.42857143;color:#999}blockquote footer:before,blockquote small:before,blockquote .small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;border -right:5px solid #eee;border-left:0;text-align:right}.blockquote-reverse footer:before,blockquote.pull-right footer:before,.blockquote-reverse small:before,blockquote.pull-right small:before,.blockquote-reverse .small:before,blockquote.pull-right .small:before{content:''}.blockquote-reverse footer:after,blockquote.pull-right footer:after,.blockquote-reverse small:after,blockquote.pull-right small:after,.blockquote-reverse .small:after,blockquote.pull-right .small:after{content:'\00A0 \2014'}blockquote:before,blockquote:after{content:""}address{margin-bottom:20px;font-styl e:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Couri er New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;white-space:nowrap;border-radius :4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;word-break:break-all;word-wrap:break-word;colo r:#333;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:tran sparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{marg in-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{margin-right:auto;margin-lef t:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col -xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col -sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col -md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col -lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col -xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-x s-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-left:15px;p adding-right:15px}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.c ol-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}.col-xs-12{width:100%}.col-x s-11{width:92.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width: 66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667% }.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{w idth:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:92.66666667%}.col-xs-pul l-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs -pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col -xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}. col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:0}.col-xs-push-12{left:100%}.col-xs-p ush-11{left:92.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs -push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs -push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs -push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:0}.col-xs-of fset-12{margin-left:100%}.col-xs-offset-11{margin-left:92.66666667%}.col-xs-offset-10{marg in-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.6666 6667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-o ffset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset- 3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8 .33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,. col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}.col-sm-12{width:100%}.col- sm-11{width:92.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width :66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667 %}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{ width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:92.66666667%}.col-sm-pu ll-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-s m-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.co l-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%} .col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:0}.col-sm-push-12{left:100%}.col-sm- push-11{left:92.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-s m-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-s m-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-s m-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:0}.col-sm-o ffset-12{margin-left:100%}.col-sm-offset-11{margin-left:92.66666667%}.col-sm-offset-10{mar gin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.666 66667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm- offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset -3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left: 8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,. col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}.col-md-12{width:100%}.col- md-11{width:92.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width :66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667 %}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{ width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:92.66666667%}.col-md-pu ll-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-m d-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.co l-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%} .col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:0}.col-md-push-12{left:100%}.col-md- push-11{left:92.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-m d-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-m d-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-m d-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:0}.col-md-o ffset-12{margin-left:100%}.col-md-offset-11{margin-left:92.66666667%}.col-md-offset-10{mar gin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.666 66667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md- offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset -3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left: 8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7, .col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}.col-lg-12{width:100%}.col -lg-11{width:92.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{widt h:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.6666666 7%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1 {width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:92.66666667%}.col-lg-p ull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col- lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.c ol-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667% }.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:0}.col-lg-push-12{left:100%}.col-lg -push-11{left:92.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col- lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col- lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col- lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:0}.col-lg- offset-12{margin-left:100%}.col-lg-offset-11{margin-left:92.66666667%}.col-lg-offset-10{ma rgin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66 666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg -offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offse t-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left :8.33333333%}.col-lg-offset-0{margin-left:0}}table{max-width:100%;background-color:transpa rent}th{text-align:left}.table{width:100%;margin-bottom:20px}.table>thead>tr>th,.table>tbo dy>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{paddi ng:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>th,.tabl e>thead:first-child>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgro up+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>td{border-top:0}.table> tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>thead>tr>th,.table-condensed>tbody>tr>th,.t able-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>td,.tabl e-condensed>tfoot>tr>td{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{border :1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>thead>tr>td{border-bottom-width:2px}.tab le-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th{background -color:#f9f9f9}.table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th{background-co lor:#f5f5f5}table col[class*=col-]{position:static;float:none;display:table-column}table td[class*=col-],table th[class*=col-]{position:static;float:none;display:table-cell}.table>thead>tr>td.active,. table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody> tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td ,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoo t>tr.active>th{background-color:#f5f5f5}.table-hover>tbody>tr>td.active:hover,.table-hover >tbody>tr>th.active:hover,.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.acti ve:hover>th{background-color:#e8e8e8}.table>thead>tr>td.success,.table>tbody>tr>td.success ,.table>tfoot>tr>td.success,.table>thead>tr>th.success,.table>tbody>tr>th.success,.table>t foot>tr>th.success,.table>thead>tr.success>td,.table>tbody>tr.success>td,.table>tfoot>tr.s uccess>td,.table>thead>tr.success>th,.table>tbody>tr.success>th,.table>tfoot>tr.success>th {background-color:#dff0d8}.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th. success:hover,.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>t h{background-color:#d0e9c6}.table>thead>tr>td.info,.table>tbody>tr>td.info,.table>tfoot>tr >td.info,.table>thead>tr>th.info,.table>tbody>tr>th.info,.table>tfoot>tr>th.info,.table>th ead>tr.info>td,.table>tbody>tr.info>td,.table>tfoot>tr.info>td,.table>thead>tr.info>th,.ta ble>tbody>tr.info>th,.table>tfoot>tr.info>th{background-color:#d9edf7}.table-hover>tbody>t r>td.info:hover,.table-hover>tbody>tr>th.info:hover,.table-hover>tbody>tr.info:hover>td,.t able-hover>tbody>tr.info:hover>th{background-color:#c4e3f3}.table>thead>tr>td.warning,.tab le>tbody>tr>td.warning,.table>tfoot>tr>td.warning,.table>thead>tr>th.warning,.table>tbody> tr>th.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>tbody>tr.warnin g>td,.table>tfoot>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr.warning>th,.tab le>tfoot>tr.warning>th{background-color:#fcf8e3}.table-hover>tbody>tr>td.warning:hover,.ta ble-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td,.table-hover>tb ody>tr.warning:hover>th{background-color:#faf2cc}.table>thead>tr>td.danger,.table>tbody>tr >td.danger,.table>tfoot>tr>td.danger,.table>thead>tr>th.danger,.table>tbody>tr>th.danger,. table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>tbody>tr.danger>td,.table>tfoot> tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr.danger>th,.table>tfoot>tr.danger>th {background-color:#f2dede}.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.d anger:hover,.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th{ba ckground-color:#ebcccc}@media (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;overf low-x:scroll;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd;-webkit-overflow-scrolling:touch}.table-responsive>.table{margin-bottom:0}.table-res ponsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>t foot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.tabl e-responsive>.table>tfoot>tr>td{white-space:nowrap}.table-responsive>.table-bordered{borde r:0}.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bor dered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.t able-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered> tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-l eft:0}.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bo rdered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.ta ble-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tb ody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right :0}.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-borde red>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table -responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}}fieldset{padding:0;mar gin:0;border:0;min-width:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;fo nt-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;margin-bottom:5px;font-weight:700}input[type=search]{- webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=r adio],input[type=checkbox]{margin:4px 0 0;margin-top:1px \9;line-height:normal}input[type=file]{display:block}input[type=range]{display:block;widt h:100%}select[multiple],select[size]{height:auto}input[type=file]:focus,input[type=radio]: focus,input[type=checkbox]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-si ze:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34 px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-im age:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:- ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form- control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee;opacity:1}textarea.form-control{he ight:auto}input[type=search]{-webkit-appearance:none}input[type=date]{line-height:34px}.fo rm-group{margin-bottom:15px}.radio,.checkbox{display:block;min-height:20px;margin-top:10px ;margin-bottom:10px;padding-left:20px}.radio label,.checkbox label{display:inline;font-weight:400;cursor:pointer}.radio input[type=radio],.radio-inline input[type=radio],.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox]{float:left;margin-left:-20px}.radio+.radio,.checkbox+.checkbox{margi n-top:-5px}.radio-inline,.checkbox-inline{display:inline-block;padding-left:20px;margin-bo ttom:0;vertical-align:middle;font-weight:400;cursor:pointer}.radio-inline+.radio-inline,.c heckbox-inline+.checkbox-inline{margin-top:0;margin-left:10px}input[type=radio][disabled], input[type=checkbox][disabled],.radio[disabled],.radio-inline[disabled],.checkbox[disabled ],.checkbox-inline[disabled],fieldset[disabled] input[type=radio],fieldset[disabled] input[type=checkbox],fieldset[disabled] .radio,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox,fieldset[disabled] .checkbox-inline{cursor:not-allowed}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-he ight:30px}textarea.input-sm,select[multiple].input-sm{height:auto}.input-lg{height:46px;pa dding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-lg{height:46px;line-h eight:46px}textarea.input-lg,select[multiple].input-lg{height:auto}.has-feedback{position: relative}.has-feedback .form-control{padding-right:42.5px}.has-feedback .form-control-feedback{position:absolute;top:25px;right:0;display:block;width:34px;height :34px;line-height:34px;text-align:center}.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;border-color:#3c763d;background-color:#dff0d8}.has-succe ss .form-control-feedback{color:#3c763d}.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;border-color:#8a6d3b;background-color:#fcf8e3}.has-warni ng .form-control-feedback{color:#8a6d3b}.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;border-color:#a94442;background-color:#f2dede}.has-error .form-control-feedback{color:#a94442}.form-control-static{margin-bottom:0}.help-block{dis play:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .radio,.form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;padding-left:0;vertical-align :middle}.form-inline .radio input[type=radio],.form-inline .checkbox input[type=checkbox]{float:none;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .control-label,.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{margin-top:0;margin-bottom:0;padding-top:7px}.form-horizontal .radio,.form-horizontal .checkbox{min-height:27px}.form-horizontal .form-group{margin-left:-15px;margin-right:-15px}.form-horizontal .form-control-static{padding-top:7px}@media (min-width:768px){.form-horizontal .control-label{text-align:right}}.form-horizontal .has-feedback .form-control-feedback{top:0;right:15px}.btn{display:inline-block;margin-bottom:0;font-we ight:400;text-align:center;vertical-align:middle;cursor:pointer;background-image:none;bord er:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-mo z-user-select:none;-ms-user-select:none;user-select:none}.btn:focus,.btn:active:focus,.btn .active:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus{color:#333;text-decora tion:none}.btn:active,.btn.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;pointer-events:none;opacity:.65;filter:alpha(opacity=65);-webkit- box-shadow:none;box-shadow:none}.btn-default{color:#333;background-color:#fff;border-color :#ccc}.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{color:#333;background-color:#ebebeb;border-color:#adadad}.bt n-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{background-image:none}.btn-default.disabled,.btn-default[dis abled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disa bled] .btn-default:focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[di sabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[d isabled] .btn-default.active{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#428bca; border-color:#357ebd}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primar y.active,.open .dropdown-toggle.btn-primary{color:#fff;background-color:#3276b1;border-color:#285e8e}.bt n-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled,.btn-primary[dis abled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disa bled] .btn-primary:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[di sabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[d isabled] .btn-primary.active{background-color:#428bca;border-color:#357ebd}.btn-primary .badge{color:#428bca;background-color:#fff}.btn-success{color:#fff;background-color:#5cb8 5c;border-color:#4cae4c}.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-suc cess.active,.open .dropdown-toggle.btn-success{color:#fff;background-color:#47a447;border-color:#398439}.bt n-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{background-image:none}.btn-success.disabled,.btn-success[dis abled],fieldset[disabled] .btn-success,.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disa bled] .btn-success:focus,.btn-success.disabled:active,.btn-success[disabled]:active,fieldset[di sabled] .btn-success:active,.btn-success.disabled.active,.btn-success[disabled].active,fieldset[d isabled] .btn-success.active{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de; border-color:#46b8da}.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.op en .dropdown-toggle.btn-info{color:#fff;background-color:#39b3d7;border-color:#269abc}.btn-i nfo:active,.btn-info.active,.open .dropdown-toggle.btn-info{background-image:none}.btn-info.disabled,.btn-info[disabled],fi eldset[disabled] .btn-info,.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled:active,.btn-info[disabled]:active,fieldset[disabled] .btn-info:active,.btn-info.disabled.active,.btn-info[disabled].active,fieldset[disabled] .btn-info.active{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad 4e;border-color:#eea236}.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-war ning.active,.open .dropdown-toggle.btn-warning{color:#fff;background-color:#ed9c28;border-color:#d58512}.bt n-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled,.btn-warning[dis abled],fieldset[disabled] .btn-warning,.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disa bled] .btn-warning:focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,fieldset[di sabled] .btn-warning:active,.btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[d isabled] .btn-warning.active{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534 f;border-color:#d43f3a}.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger. active,.open .dropdown-toggle.btn-danger{color:#fff;background-color:#d2322d;border-color:#ac2925}.btn -danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled,.btn-danger[disabl ed],fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disable d] .btn-danger:focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disab led] .btn-danger:active,.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disa bled] .btn-danger.active{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{color:#428bca;font-weight:400;cursor :pointer;border-radius:0}.btn-link,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link, .btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent}.btn-link:hover, .btn-link:focus{color:#2a6496;text-decoration:underline;background-color:transparent}.btn- link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus{color:#999;text-decoration:none}.btn-lg,.btn-group-lg>.btn{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.btn-sm,.btn-group-sm>.btn{padding :5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-xs,.btn-group-xs>.btn{padding: 1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%; padding-left:0;padding-right:0}.btn-block+.btn-block{margin-top:5px}input[type=submit].btn -block,input[type=reset].btn-block,input[type=button].btn-block{width:100%}.fade{opacity:0 ;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}.collapsing{p osition:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;transition:height .35s ease}@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons -halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregu lar) format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyp hicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antiali ased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\2a"}.glyphicon -plus:before{content:"\2b"}.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{ content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content :"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"} .glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphico n-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empt y:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{con tent:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e01 1"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{con

Maybe you are looking for