.button-cell{
    width:  200px;
}

.chosenclass {
    background: rgb(143,200,0) !important; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhmYzgwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4ZmM4MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;
    background: -moz-linear-gradient(top,  rgba(143,200,0,1) 0%, rgba(143,200,0,1) 100%) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(143,200,0,1)), color-stop(100%,rgba(143,200,0,1))) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(143,200,0,1) 0%,rgba(143,200,0,1) 100%) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(143,200,0,1) 0%,rgba(143,200,0,1) 100%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(143,200,0,1) 0%,rgba(143,200,0,1) 100%) !important; /* IE10+ */
    background: linear-gradient(to bottom,  rgba(143,200,0,1) 0%,rgba(143,200,0,1) 100%) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc800', endColorstr='#8fc800',GradientType=0 ) !important; /* IE6-8 */

    color:              #000000 !important;
}

.contentbox {
    width:                  100%;
    height:                 100%;
    float: 					left;
}

.contentbox a {
    font-weight:            600;
    color:                  #000000;
    text-decoration:        none;
}

.contentbox a:hover{
    font-weight:            600;
    color:                  #0066FF;
    text-decoration:        none;
}

.details {
    background: rgba(255,255,255,0.8);
}

.extra-head {
    font-weight:            bold; 
}

.menubox{
    background:            	rgb(96,108,136); /* Old browsers */
    						/* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background:            	url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYwNmM4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZjRjNmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background:            	-moz-linear-gradient(top,  rgba(96,108,136,1) 0%, rgba(63,76,107,1) 100%); /* FF3.6+ */
    background:            	-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(96,108,136,1)), color-stop(100%,rgba(63,76,107,1))); /* Chrome,Safari4+ */
    background:            	-webkit-linear-gradient(top,  rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* Chrome10+,Safari5.1+ */
    background:            	-o-linear-gradient(top,  rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* Opera 11.10+ */
    background:            	-ms-linear-gradient(top,  rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* IE10+ */
    background:            	linear-gradient(to bottom,  rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* W3C */
    filter:                	progid:DXImageTransform.Microsoft.gradient( startColorstr='#606c88', endColorstr='#3f4c6b',GradientType=0 ); /* IE6-8 */

    color:                  #ffffff;
    position:               absolute;
    
    border-left:			1px solid #FFF;
    border-right: 			1px solid #FFF;
    border-bottom: 			1px solid #FFF;           
    
    border-bottom-left-radius:			10px;
    -moz-border-bottom-left-radius:    	10px;
    -webkit-border-bottom-left-radius: 	10px;  
    
    border-bottom-right-radius:			10px;
    -moz-border-bottom-right-radius:    10px;
    -webkit-border-bottom-right-radius: 10px;  
    
    z-index: 							10000;
}

.menuitem {
	border-bottom: 			1px solid #FFF;
    text-decoration:    	none;
    color:              	#FFFFFF;
    font-weight:        	bolder;
	float:              	left;
	width:              	100%;
	height:	            	40px;
	line-height:        	40px;
}

.menuitem a {
	padding-left: 			5px;
	color: 					#FFFFFF;
	text-decoration: 		none;
	line-height:        	40px;
}

.menuitem a:hover{
    text-decoration:    	none;
    color:              	#2A2F33;
    line-height:        	40px;
}

.menuitem:hover{
    color:                  #2A2F33;
	background: 			rgb(240,249,255); /* Old browsers */
							/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: 			url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjlmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2NiZWJmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMWRiZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: 			-moz-linear-gradient(top,  rgba(240,249,255,1) 0%, rgba(203,235,255,1) 47%, rgba(161,219,255,1) 100%); /* FF3.6+ */
	background: 			-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,249,255,1)), color-stop(47%,rgba(203,235,255,1)), color-stop(100%,rgba(161,219,255,1))); /* Chrome,Safari4+ */
	background: 			-webkit-linear-gradient(top,  rgba(240,249,255,1) 0%,rgba(203,235,255,1) 47%,rgba(161,219,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: 			-o-linear-gradient(top,  rgba(240,249,255,1) 0%,rgba(203,235,255,1) 47%,rgba(161,219,255,1) 100%); /* Opera 11.10+ */
	background: 			-ms-linear-gradient(top,  rgba(240,249,255,1) 0%,rgba(203,235,255,1) 47%,rgba(161,219,255,1) 100%); /* IE10+ */
	background: 			linear-gradient(to bottom,  rgba(240,249,255,1) 0%,rgba(203,235,255,1) 47%,rgba(161,219,255,1) 100%); /* W3C */
	filter: 				progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#a1dbff',GradientType=0 ); /* IE6-8 */    
	
    height:	               	40px;
	line-height:           	40px;
	cursor:					pointer;
}

.menuitem a:hover{
	padding-left: 			5px;
	color: 					#2A2F33;
	text-decoration: 		none;
	line-height:        	40px;
}

.menuitem:last-child{
	border-bottom-left-radius:			10px;
    -moz-border-bottom-left-radius:    	10px;
    -webkit-border-bottom-left-radius: 	10px;  
    
    border-bottom-right-radius:			10px;
    -moz-border-bottom-right-radius:    10px;
    -webkit-border-bottom-right-radius: 10px; 
}

.menuitem:last-child:hover{
	border-bottom-left-radius:			10px;
    -moz-border-bottom-left-radius:    	10px;
    -webkit-border-bottom-left-radius: 	10px;  
    
    border-bottom-right-radius:			10px;
    -moz-border-bottom-right-radius:    10px;
    -webkit-border-bottom-right-radius: 10px; 
}

.navbutton > li, .navbutton > ul {
    display:                none;
}

.navbutton {
    width:                 	calc(100%/5);
    width:                  -webkit-calc(100%/5);
    width:                  -moz-calc(100%/5);
    width:                  expression(100/5 + "%");
    
    float:                 	left;
    border:                	0px;
    background-color:	   	#2A2F33;
    /* Text Styling */
    color:                 	#ffffff;
    font-size:             	14px;
    text-shadow:           	0px 0px 5px rgba(0, 0, 0, 0.75);
    line-height:		   	100%; 
    height: 			   	100%;
    
    background:            	rgb(96,108,136); /* Old browsers */
							/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background:            	url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYwNmM4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZjRjNmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background:            	-moz-linear-gradient(top,  rgba(96,108,136,1) 0%, rgba(63,76,107,1) 100%); /* FF3.6+ */
	background:            	-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(96,108,136,1)), color-stop(100%,rgba(63,76,107,1))); /* Chrome,Safari4+ */
	background:           	-webkit-linear-gradient(top,  rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* Chrome10+,Safari5.1+ */
	background:            	-o-linear-gradient(top,  rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* Opera 11.10+ */
	background:            	-ms-linear-gradient(top,  rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* IE10+ */
	background:            	linear-gradient(to bottom,  rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* W3C */
	filter:                	progid:DXImageTransform.Microsoft.gradient( startColorstr='#606c88', endColorstr='#3f4c6b',GradientType=0 ); /* IE6-8 */

	-webkit-transition:    	All 0.5s ease;
	-moz-transition:       	All 0.5s ease;
	-o-transition:        	All 0.5s ease;
	-ms-transition:        	All 0.5s ease;
	transition:            	All 0.5s ease;
    
    text-align:            	center;

}

.navbutton a {
    padding-left:           5px;
    color:                  #FFFFFF;
    text-decoration:        none;
    font-weight:            bolder;
}

.navbutton a:hover{
    padding-left:       	5px;
    color:              	#FFFFFF;
    text-decoration:		none;
    font-weight:			bolder;
}

.navbutton:hover, .navbutton.hovered {
	background:            rgb(6,8,30); /* Old browsers */
							/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background:            url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA2MDgxZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1YjY3ODMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background:            -moz-linear-gradient(top,  rgba(6,8,30,1) 0%, rgba(91,103,131,1) 100%); /* FF3.6+ */
	background:            -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(6,8,30,1)), color-stop(100%,rgba(91,103,131,1))); /* Chrome,Safari4+ */
	background:            -webkit-linear-gradient(top,  rgba(6,8,30,1) 0%,rgba(91,103,131,1) 100%); /* Chrome10+,Safari5.1+ */
	background:            -o-linear-gradient(top,  rgba(6,8,30,1) 0%,rgba(91,103,131,1) 100%); /* Opera 11.10+ */
	background:            -ms-linear-gradient(top,  rgba(6,8,30,1) 0%,rgba(91,103,131,1) 100%); /* IE10+ */
	background:            linear-gradient(to bottom,  rgba(6,8,30,1) 0%,rgba(91,103,131,1) 100%); /* W3C */
	filter:                progid:DXImageTransform.Microsoft.gradient( startColorstr='#06081e', endColorstr='#5b6783',GradientType=0 ); /* IE6-8 */

	-webkit-transition:    background-color 1000ms linear;
	-moz-transition:       background-color 1000ms linear;
	-o-transition:         background-color 1000ms linear;
	-ms-transition:        background-color 1000ms linear;
	transition:            background-color 1000ms linear;
}

.navbutton:nth-child(1){
    -webkit-border-top-left-radius: 	10px;
    -webkit-border-bottom-left-radius: 	10px;
    -moz-border-radius-topleft: 		10px;
    -moz-border-radius-bottomleft: 		10px;
    border-top-left-radius: 			10px;
    border-bottom-left-radius: 			10px;
}

.navbutton:last-child, .navbutton:last-child:hover{
    -webkit-border-top-right-radius: 	10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 		10px;
    -moz-border-radius-bottomright: 	10px;
    border-top-right-radius: 			10px;
    border-bottom-right-radius: 		10px;
}

.navbuttontext{
    color:              	#FFFFFF;
    text-decoration:		none;
    float: 					left;
	width: 					100%;
	display: 				table-cell;
	vertical-align: 		middle;
	text-align: 			center;
	position: 				relative; 
	top: 					33%;    
	font-weight:			bolder;
}

.news-container {
    height: auto;
    width:  90%;
    margin: auto;
}

.news-feed {
    width:                  75%;
    height:                 80%;
    float:                  left;
}

.news-header {
    background:  			#708090;

    color:                  #FFFFFF; 
    text-indent:			10px;
    height:                 30px;
    width:                  100%;
	float: 					left;
    font-size:              16px;
    font-weight:            bolder;
    line-height:            30px;
    
    border-left:            1px solid #000000;
    border-right:           1px solid #000000;
    border-top:             1px solid #000000;
    
    -webkit-border-top-right-radius:    7px;
    -moz-border-radius-topright:        7px;
    border-top-right-radius:            7px;    
    
    -webkit-border-top-left-radius:     7px;
    -moz-border-radius-topleft:         7px;
    border-top-left-radius:             7px;  
    
    -moz-box-shadow:                    5px 5px 10px 1px rgba(90, 90, 90, 1);
    -webkit-box-shadow:                 5px 5px 10px 1px rgba(90, 90, 90, 1);
    box-shadow:                         5px 5px 10px 1px rgba(90, 90, 90, 1);

}

.news-post {
    width:                  100%;
    float:                  left;
    border:                 1px solid #000000;
    
    -webkit-border-bottom-right-radius:     7px;
    -moz-border-radius-bottomright:         7px;
    border-bottom-right-radius:             7px;    
    
    -webkit-border-bottom-left-radius:      7px;
    -moz-border-radius-bottomleft:          7px;
    border-bottom-left-radius:              7px;  
    
    -moz-box-shadow:                    5px 5px 10px 1px rgba(90, 90, 90, 1);
    -webkit-box-shadow:                 5px 5px 10px 1px rgba(90, 90, 90, 1);
    box-shadow:                         5px 5px 10px 1px rgba(90, 90, 90, 1);
    
}

.news-post p{
    padding-left:   10px;
    padding-right:  10px;
}

.notetext {
	color: 					#FF0000;
}

.quick-table {
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
    
    width:                  100%;
    float:                  left;
    height:                 80%;
    
    -webkit-box-shadow:     -5px 0px 10px 0px rgba(90, 90, 90, 1);
    box-shadow:             -5px 0px 10px 0px rgba(90, 90, 90, 1);
}

.quick-table-row p {
    padding-left:           10px;
    padding-right:          10px;
}

.quick-table-row {
    height:                 auto;
    width:                  100%;
    float: 					left;
}

.quick-table-row:nth-child(even){
    background-color:       #DDDDDD;
}

.quick-table-row:nth-child(odd){
    background-color:       #FFFFFF;
}

.quick-table-rows {
    width:                  100%;
    height:                 100%;
    float: 					left;
}

.quick-table-header {
    background:  			#708090;     
    color:                  #FFFFFF;
    text-align:             center;
    height:                 30px;
    width:                  100%;
    float:                  left;
    font-size:              16px;
    font-weight:            bolder;
    line-height:            30px;
}

.selectedclass {
    background: rgb(178,225,255) !important; /* Old browsers */ 
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IyZTFmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NmI2ZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;
    background: -moz-linear-gradient(top,  rgba(178,225,255,1) 0%, rgba(102,182,252,1) 100%) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(178,225,255,1)), color-stop(100%,rgba(102,182,252,1))) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(178,225,255,1) 0%,rgba(102,182,252,1) 100%) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(178,225,255,1) 0%,rgba(102,182,252,1) 100%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(178,225,255,1) 0%,rgba(102,182,252,1) 100%) !important; /* IE10+ */
    background: linear-gradient(to bottom,  rgba(178,225,255,1) 0%,rgba(102,182,252,1) 100%) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2e1ff', endColorstr='#66b6fc',GradientType=0 ) !important; /* IE6-8 */

    color:              #FFFFFF !important;
}

.side-headerbar{
    width:                  100%;
    border-bottom:          1px solid #000;
    border-radius:          10px;
    -moz-border-radius:     10px;
    -webkit-border-radius:  10px;  
    height:                 20%;
    background-color:       rgb(96,108,136);
    color:                  #FFFFFF;
    font-weight:            800;
    font-size:              14px;
    text-align:             center;
    line-height:            100%;
}

.side-links {
    width:                  100%;
    height:                 90%;
}

.spacer-20 {
    width:                  100%;
    height:                 20px;
    float:                  left;
}

.warningstate {
    background-color:       #FF0000;
    color:                  #FFFFFF;
}

a {
    text-decoration:        none;
}

body {
    background:             url('/citycycles/data/images/bg.jpg') no-repeat;
    font-family:            "Source Sans Pro", sans-serif;
    font-size:              12px;
}

#accordion-side{
    width:                  20%;
    float:                  left;
}

#bottombar p {
    margin-top:             10px;
    font-size:              10px;
    font-style:             italic;
    vertical-align:         middle;
    display:                block;
    line-height:            100%;
}

#cclogotext {
    position:               absolute;
    width:                  300px;
    height:                 100px;
    background:             url('/citycycles/data/images/cc-text.png') no-repeat;

    background-size:        100%;
    
    left:                   -moz-calc(100% - 375px);
    top:                    -moz-calc(100% - 175px);
    
    left:                   -webkit-calc(100% - 375px);
    top:                    -webkit-calc(100% - 175px);
    
    left:                   calc(100% - 375px);
    top:                    calc(100% - 175px);
}

#centermain {
    height:                 95%;
    width:                  100%;
    margin:                 auto;
    clear: 					both;
   
    background: rgba(255,255,255,0.6);
    overflow-y:             auto;
    overflow-x:             hidden;
}

#content {
    margin:                 auto;
    overflow:               hidden;
}

#bottombar {
    background-color:       #2a2f33;
    color:                  #FFFFFF;
    height:                 30px;
    width:                  100%;
    margin:                 auto;
    text-align:             center;
    clear: 					both;
    line-height:            30px;

    -webkit-border-bottom-right-radius:    7px;
    -moz-border-radius-bottomright:        7px;
    border-bottom-right-radius:            7px;    
    
    -webkit-border-bottom-left-radius:    7px;
    -moz-border-radius-bottomleft:        7px;
    border-bottom-left-radius:            7px; 
}

#maincontainer {
    color:                  #2A2F33;
    width:                  75%;
    height:                 75%;
    margin:				   	auto;
    clear:  				both;
}

#messageModal{
	display: 				none;
}

#topbar {
    
    width:                 	75%;    
    margin:                 auto;
}

#topbarnav {
	float:				   	left;
    width:                 	100%; 
	height:				   	100%;
	
    background: rgb(231,216,173); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(231,216,173,1) 1%, rgba(233,216,173,1) 44%, rgba(232,212,162,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(231,216,173,1)), color-stop(44%,rgba(233,216,173,1)), color-stop(100%,rgba(232,212,162,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(231,216,173,1) 1%,rgba(233,216,173,1) 44%,rgba(232,212,162,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(231,216,173,1) 1%,rgba(233,216,173,1) 44%,rgba(232,212,162,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(231,216,173,1) 1%,rgba(233,216,173,1) 44%,rgba(232,212,162,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(231,216,173,1) 1%,rgba(233,216,173,1) 44%,rgba(232,212,162,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7d8ad', endColorstr='#e8d4a2',GradientType=0 ); /* IE6-9 */


	
	border-top:            1px solid #000;
	border-bottom:         1px solid #000;
}

#welcomeheader {
	width: 				    75%;
	height: 			    15%;
	
	background:             url('../../images/city_cycles_banner.jpg') no-repeat;
	background-position:    50%;
	background-size:        100%;
	
	margin:                 auto;
	border-top-left-radius:        10px;
	border-top-right-radius:       10px;

    -moz-border-radius-topleft:    10px;
    -moz-border-radius-topright:   10px;
    
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
}

#welcomeheader img{
	border-radius: 			10px;
    -moz-border-radius: 	10px;
    -webkit-border-radius: 	10px;  
}

#welcome-quick {
    width:                  25%;
    height:                 100%;
    float:                  left;
    
    
}

#welcometext {
	width: 				    100%;
	float:				    left;
	height:				    70%;
	margin-top:			    10px;
	overflow-x:			    hidden;
	overflow-y: 		    auto;
	font-size:		        13px;
}