@charset "UTF-8";
/**
 * CSS main styles
 *
 * $Id: styles.css 210 2010-04-09 21:51:54Z zpatz $
 * $URL: https://www.toofast.ca/svn/toofast/branch/translate/styles.css $
 *
 */

body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color:#F8931d;
  }


#container {
    width: 1000px;
    height:100%;
  }


.header {
    width: 100%;
    height: 169px;
  }


#rowOne {
    background-image: url(images/rowOne.jpg);
    background-repeat: repeat-x;
    height:28px;
  }


#nav {
    float: right;
    position: relative;
    top: 5px;
    padding-right:50px;
  }


#nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }


#nav ul li {
    float: left;
    margin: 0;
    padding: 0;
  }


#nav ul li a {
    margin: 0 20px 0 0;
    padding: 0;
    color: #cc3300;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight: bold;
    text-decoration: none;
  }


nav ul li a.active {
    position: relative;
    margin: 0 20px 0 0;
    padding: 0 0 45px 0;
    color: #fff;
  }


#nav ul li a:hover {
    color: #fff;
  }

#leftnav {
    float: left;
    position: relative;
    top: 5px;
    padding-left:50px;
  }


#leftnav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }


#leftnav ul li {
    float: left;
    margin: 0;
    padding: 0;
  }


#leftnav ul li a {
    margin: 0 20px 0 0;
    padding: 0;
    color: #cc3300;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight: bold;
    text-decoration: none;
  }


leftnav ul li a.active {
    position: relative;
    margin: 0 20px 0 0;
    padding: 0 0 45px 0;
    color: #fff;
  }


#leftnav ul li a:hover {
    color: #fff;
  }

#rowTwo {
    background-image: url(images/banner_repeat.jpg);
    background-repeat: repeat-x;
    height:141px;
  }


#banner {
    width:998px;
  }


#banner1 {
    background-image: url(images/banner1.jpg);
    background-repeat:no-repeat;
    height:141px;
    width:27px;
    float:left;
  }


#banner2 {
    background-image: url(images/banner2.jpg);
    background-repeat:no-repeat;
    height:141px;
    width:234px;
    float:left;
  }


#banner3 {
    background-image: url(images/banner3.jpg);
    background-repeat:no-repeat;
    height:141px;
    width:327px;
    float:left;
  }


#banner4 {
    background-image: url(images/banner4.jpg);
    background-repeat:no-repeat;
    height:141px;
    width:405px;
    float:left;
  }


#pageLinks a:link {
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size: 13px;
    color: #cc3300;
    text-decoration: none;
  }


#pageLinks a:visited {
    text-decoration: none;
  }


#pageLinks a:active {
    text-decoration: none;
  }


#pageLinks a:hover {
    text-decoration: none;
    color:#fff;
  }


#contentBkg {
    background-image:url(images/contentBar.jpg);
    background-repeat:repeat-y;
    width:998px;
    height:1000px;
  }


#content {
    width:998px;
    height:100%;
    text-align: left;
  }


.leftContent {
    float:left;
    text-align: left;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    width:195px;
    padding-left:50px;
  }


#whiteBox {
    height:100%;
    width:195px;
    background-color:#fbb15a;
  }


#sideLinks {
    background-image:url(images/bar.jpg);
    width:195px;
    height:57px;
  }


#sideLinks2 {
    background-image:url(images/bar.jpg);
    width:195px;
  }


#sideNav {
    margin:0;
    padding: 0px 0 0 16px;
    line-height:19px;
  }


#sideNavStyle a {
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size: 12px;
    color: #333300;
    text-decoration: none;
  }


#sideNavStyle a:visited {
    text-decoration: none;
  }


#sideNavStyle a:active {
    text-decoration: none;
  }


#sideNavStyle a:hover {
    text-decoration: none;
    color:#ffffff;
  }


.link-head {
    color: #FFFFFF;
    text-align: left;
    margin: 0px 0px 0px 0px;
    padding: 2px 2px 2px 2px;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #666666;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #666666;
    background-color: #003896;
    font-weight: bold;
    line-height:13px;
  }


#loginBox {
    background-image:url(images/login.jpg);
    background-repeat:no-repeat;
    width:195px;
    height:157px;
  }


#login {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    color:#FFFFFF;
  }


#textLogin {
    padding-top:15px;
    margin:0 0 0 15px;
  }


#textPassword {
    margin:5px 0 0 15px;
  }


#submit {
    margin:10px 0 0 15px;
  }


#tourBus {
    padding-top:50%;
  }


.rightContent {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 13px;
    color:#333300;
    width:65%;
    float: right;
    padding:10px 40px 0 10px;
  }


#pic1 {
    float:right;
    margin:20px 0 10px 20px;
  }


#footer {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    padding-bottom: 100px;
    clear: both;
    padding-top: 20px;
    background-image:url(images/rowFour.jpg);
    background-repeat: repeat-x;
  }


#copyright {
    float:left;
    margin-top:50px;
    padding-left:50px;
    color:#cc3300;
  }


#policy {
    float:right;
    margin-top:70px;
    padding-right:50px;
  }


#policy a {
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size: 12px;
    color:#cc3300;
    text-decoration: none;
  }


#policy a:visited {
    text-decoration: none;
  }


#policy a:active {
    text-decoration: none;
  }


#policy a:hover {
    text-decoration: none;
    color:#fff;
  }


.getiq {
    margin: 2% 20px 30px 770px;
    padding: 10px 10px 10px 10px;
    position:fixed;
    z-index:2;
    color: #000000;
    display: none;
    border: 1px solid #000000;
    background-color: #FFaa3b;
    width: 20%;
    height: 75%;
  }


ul {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 30px;
  }


ol {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 30px;
  }


li {
    padding: 0px 0px 8px 0px;
    margin: 0px 0px 0px 0px;
  }

/*************** inside pages ********************/



#surveyTitle {
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size: 16px;
    color:#ffffff;
  }


#surveySubtitle {
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size: 14px;
    color:#ffffff;
    margin: 10px 0 10px 0;
  }


#surveyLinks a:link {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
    color:#ffffff;
    text-decoration: none;
    margin:10px 10px 10px 0;
  }


#surveyLinks a:visited {
    text-decoration: none;
  }


#surveyLinks a:active {
    text-decoration: none;
  }


#surveyLinks a:hover {
    text-decoration: none;
    color:#CC0000;
  }

/*************** question database image rollover ********************/





#questionDB {
    width: 240px;
  }


#questionDB a {
    background-image: url(images/question_db_on.jpg);
    display:block;
    height: 40px;
    width: 376px;
  }


#questionDB a:hover {
    background-image: url(images/question_db_over.jpg);
    color: white;
  }

/*************** tables question database ********************/





table {
    width: 700px;
    border-collapse:collapse;
    border:1px solid #cc0000;
    background:#FFFFFF;
  }


td {
    border-top: 1px solid #cc0000;
    border-right: 1px solid #cc0000;
    padding: 10px 7px;
    text-align: left;
  }


tr.banner {
    background:#cc0000;
    font-size:24px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#FFFFFF;
  }


tr.question {
    font-size:14px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#333300;
    background:#FFCC00;
  }


tr.survey {
    font-size:16px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#cc0000;
  }


tr.title {
    background:#FFCC00;
    font-size:14px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#000000;
  }


tr.columns {
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#333300;
  }


tr.answers {
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    color:#333300;
  }

/*************** admin user view ********************/


.userview {
    background:#FFFFFF;
    color:#000000;
  }

#number {
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:0px;
	position:relative;
	width:30px;
	margin:-1px 0px 0px 10px;
}

#name {
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:0px;
	position:relative;
	width:150px;
	margin:-14px auto auto 40px;
}

#organization {
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:0px;
	position:relative;
	width:330px;
}

.viewOrg {
	margin:-14px 0px 0px 200px;
}

#lastlogin {
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	margin:-14px 0px 0px 510px;
	padding:0px;
	position:relative;
	height:15px;
}

#logtype {
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:0px;
	position:relative;
	width:200px;
	margin:-1px 0px 0px 10px;
}

#logtotal {
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:0px;
	position:relative;
	width:150px;
	margin:-14px auto auto 300px;
}

.individual {
	background-color:#FFFFFF;
	border-color:#555555;
	border-top:1px solid #555555;
	padding-bottom:10px;
}

.surveys {
        margin: -64px 0px 42px 343px;
        position:relative;
        width:300px;
}

.logs {
        margin: -29px 0px 42px 400px;
        position:relative;
        width:300px;
}

.usercontrol {
        margin: 0px 0px 0px 1px;
        position:relative;
        width: 400px;
}

.changepass {
        width: 400px;
}

.userinfo {

}

#sortfind {
	margin: -70px 0px 0px 487px;
	position: relative;
}