@CHARSET "UTF-8";

body {
	margin: 0;
	padding: 0;
}

body a {
	color: blue;
    text-decoration: none;
    font-weight: bold;
}

body a:hover {
    text-decoration: underline;
    font-weight: bold;
}

#checkboxes ul {
    list-style: none;
    padding-left: 10px;
}

#checkboxes li {
    padding: 10px;
}

header {
	/*
	Gradient background
	
	background: -webkit-gradient(linear, left center, right center, from(#0076a3), to(#FFFFFF));
	*/
	background-color: #0076a3;
	height: 40px;
	width: 100%;
	min-width: 950px;
	padding: 0;
	margin: 0;
	display: block;
	position: absolute;
    z-index: 100;
}

header .topheader {
	padding: 0 50px 0 50px;
	margin: 0;
	display: inline;
	float: left;
}

header .topheader img {
	height: 45px;
	padding: 0;
	margin: 0;
	border: none;
}

img { border: none;}

header .searchbar {
	padding: 0 0 0 0;
	margin: 0;
	display: inline;
	float: left;
}

header .navlinks {
	padding: 0;
	margin: 0;
	display: inline;
	float: right;
}

header .navlinks img {
	height: 30px;
	padding-top: 5px;
	padding-left: 2px;
	padding-bottom: 0;
	padding-right: 2px;
	margin: 0;
	border: none;
}

header .navlinks a {
	padding-left: 12px;
	padding-right: 12px;
	border: none;
}

header .searchbar input[type=text] {
	background-image: url("../style/searchbar.png?4");
	background-repeat: no-repeat;
	background-size: 100%;
	background-color: #0076a3;
	height: 32px;
	border: none;
	outline: none;
	font-size: 18px;
	color: white;
	font-family: helvetica;
	padding-left: 37px;
	padding-top: 5px;
}

header .searchbar ::-webkit-input-placeholder { /* WebKit browsers */
    color: white;
}
header .searchbar :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: white;
}
header .searchbar ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: white;
}
header .searchbar :-ms-input-placeholder { /* Internet Explorer 10+ */
    color: white;
}


.firstPage a {
    color: orangered;
    text-transform: uppercase;
    text-decoration: underline;
}

.firstPage a:hover {
    text-decoration: none;
    color: orangered;
}


.wrapper {
	padding: 40px;
	padding-top: 50px;
	font-family: arial;
	font-size: 14px;
	min-width: 850px;
	min-height: 800px;
	background-image: url('../style/cubes.png');
}

.wrapper h1,h2,h3 {
	font-weight: normal;
}

.wrapper .first {
	padding-top: 0;
}

.wrapper h2 {
	padding-top: 15px;
}

.wrapper li {
	padding: 4px;
}

.wrapper .rightbar {
	float: right;
}

.wrapper .quickcreate {
	padding: 10px;
	margin: 0;
	margin-top: 30px;
	border: 1px solid #0076a3; /* #0076a3; */
	border-radius: 10px;
	/* box-shadow: 3px 3px 3px #c6c6c6; */
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    color: black;
    background-color: #ffffff;

}

.wrapper .quickcreate a {
    text-shadow: none;
}

.wrapper .quickcreate2 {
    padding: 10px;
    margin: 0;
    margin-top: 30px;
    border: 1px solid #ccc; /* #0076a3; */
    border-radius: 10px;
    /* box-shadow: 3px 3px 3px #c6c6c6; */
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);

    color: black;
    background-color: #F8F8F8;

}

.wrapper .quickcreate2 a {
    text-shadow: none;
}

.quickcreate h2, .quickaccount h2, .quickcreate2 h2 {
	padding-top: 0;
	margin: 0;
}

#linkSearchResults .addToListLink {
    font-weight: bold;
    color: red;
}

#linkSearchResults .addToListLink:hover {
    color: black;
    cursor: pointer;
    text-decoration: underline;
}

#checkboxes .addToListLink {
    padding: 5px;
}
/*
.wrapper h1 {
	margin-bottom: 0;
	background-color: #f8f8f8;
	border: 3px solid #e8e8e8;
	border-radius: 5px;
	display: inline-block;
	text-transform: uppercase; 
	text-align: center;
	padding: 10px;
	color: orangered;
	font-weight: bold;
	font-size: 20px;
}
*/

.wrapper h1 {
	margin-bottom: 0;
	display: inline-block;
	text-transform: uppercase; 
	padding: 10px;
	color: orangered;
	font-weight: bold;
	font-size: 20px;
	text-decoration: underline;
}
.searchbox input[type=text]
{
	font-size: 18px;
	color: black;
	border: 1px solid #e6e6e6;
	outline: none;
	font-family: helvetica;
	padding: 5px;
}

a {
    outline: none;
}

.wrapper .quickcreate table {
	width: 95%;	
	padding: 5px;
}

.wrapper .quickaccount {
    padding: 10px;
    margin: 0;
    margin-top: 30px;
    border-radius: 10px;
    /* box-shadow: 3px 3px 3px #c6c6c6; */
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    border: 1px solid #d6e9c6;
    color: #468847;
    background-color: #dff0d8;
}

.wrapper .quickaccount a {
    text-shadow: none;
}

.registrationProgess {
    margin: 20px;
    margin-bottom: 30px;
}

.myQuizShows {
    border: 1px solid #ccc;
    border-radius: 10px;
    width: 750px;
    background-color: white;

}

.wrapper .success {
    display: inline-block;
    padding: 10px;
    border: 1px solid #d6e9c6;
    border-radius: 5px;
    color: #468847;
    background-color: #dff0d8;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.wrapper .error {
    display: inline-block;
    padding: 10px;
    border: 1px solid #eed3d7;
    border-radius: 5px;
    color: #b94a48;
    background-color: #f2dede;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.wrapper .notice {
    display: inline-block;
    padding: 10px;
    border: 1px solid #bce8f1;
    border-radius: 5px;
    color: #3a87ad;
    background-color: #d9edf7;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.modifier {
    color: #0076a3;
}

.modified {

}

select {
    font-size: 30px; /*Now in webkit too*/
    border: 1px solid #a4a4a4; /*Same grey as default appearance*/

}

.myQuizShows td {
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.myQuizShows th {
    padding: 8px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.myQuizShows tr:nth-of-type(even) {
    background-color: #f7f7f7;
}

.myQuizShows a {
    color: black;
    font-weight: bold;
}

.myQuizShows a:hover {
    color: red;
}

.arrow-up {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;

    border-bottom: 5px solid black;
    display: inline-block;
    position: relative;
    bottom: 2px;
}

.arrow-down {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;

    border-top: 5px solid black;

    display: inline-block;
    position: relative;
    bottom: 2px;
}

.pageControl {
    text-decoration: none;
    padding-left: 50px;
    padding-right: 50px;
}

.redlink a {
    color: blue;
}

.redlink a:hover {
    color: blue;
    text-decoration: underline;
}

footer a {
    color: ghostwhite;
}

footer {
	height: 300px;
	color: #e6e6e6;
	background-color: #0076a3;
	font-family: arial;
}

footer .sitemap {
	padding: 50px;
	display: inline-block;
    color: ghostwhite;
}

footer .sitemap ul {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

footer .sitemap li {
	display: inline;
	padding: 30px;
}

footer .sitemap a {
	color: ghostwhite;
	text-decoration: none;
    font-weight: bold;
}

footer .sitemap a:hover {
	color: ghostwhite;
	text-decoration: underline;
}

footer .copyright {
	padding-left: 80px;
	padding-top: 40px;
	color: ghostwhite;
}