html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define visible focus styles! 
:focus {
	outline: ?????;
} */

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

BODY {
    font: 12px Verdana, Arial, Sans-serif; 
    background-color: #fff;
    padding: 0;
    margin: 0;
    color:#666;
	overflow-y: scroll;
}
a:link,a:visited,a:active { color: #333; text-decoration:none; }
a:hover {
    color: #C4000F;
    text-decoration: underline
}
FORM {
    padding: 0;
    margin: 0
}
#textinput {
    background-color: #EEEEEE;
    color:#000000;
    font-family:Verdana,Arial;
    font-size:10px;
    width:80%
}
.center {
    width: 90%;
    margin-left: auto;
    margin-right:auto;
}
.textbox {
    border: 1px solid black;
    padding: 1px;
    width: 100%
}
.w100 {
    width:100%
}
img.progress {
    vertical-align: middle;
    padding: 0 10px;
}
/* Entire upload box */
#uploadbox {
    width:510px;
    margin-top:20px;
    font-family:Verdana,Arial,sans-serif;
    font-size:12px;
    text-align:left;
}
/* Upload area of uploadbox */
#contentcontainer {
    /*border: 1px solid #c4000f;*/
    background: #fff;
    min-height:300px;
    width:510px;
    display:inline-block;
}
.l { 
    margin-top: 10px;
    border:1px solid #C70010;
    border-radius: 5px;
    -moz-border-radius: 5px;
}
.r {
	padding-top:22px;
	/*float:right;*/
}

#ts_tabmenu {
    font-size: 12px; /* set the font size */
    padding: 0px; /* set the padding */
}
#ts_tabmenu ul {
    line-height: 1em; /* setting the line height now so we don�t have any headaches*/
    margin: 0px; /* let�s keep the margin set to 0 for the same reasons as above*/
    list-style-type: none; /* we remove the UL�s default disc bullets */
    float: left; /* we float the list to the left like we will all the elements inside*/
    padding: 0px 0px 0px 5px; /* give it a left padding of 5px to counter the effect of margin -5px below */
}
#ts_tabmenu ul li { float: left; /* floatin� left */ }
#ts_tabmenu ul li a {
    text-decoration: none; /* remove the default underline off the anchor text */
    display: block; /* we display this text as block so that we can apply padding/margin without problems */
    float: left; /* floatin� left,to make the menu horizontal */
    padding: 0px 0px 0px 10px;  /* we give it a left padding of 10px to show the first 10 pixels of the tabs image. you can also use padding-left: 10px; */
    background: url(img/tabs.png) no-repeat left top;  /* we link to the tabs image,no tiling,showing the top left part of it */
    margin-left: -5px;  /* this is important for the overlapping part - we are overlapping the tabs by 5 px */
    z-index: 0; /* keep it on layer 0 (default) */
    position: relative;  /* very important as this enables the z-index to work for us and keeps the tabs where they should be */
    color: #666666;  /* color of the tab text */
}
#ts_tabmenu ul li a span {
    font-weight: normal;   /* remove the bold effect */
    display: block;   /* display the span element as a block so we can pad it,etc. */
    float: left;   /* float it left as well */
    background: url(img/tabs.png) no-repeat right top;  /* now we show the right part of the tab and we complete the "puzzle" */
    padding: 6px 18px 7px 13px;  /* important,as through this you define the position of the text within the tab */
    cursor: pointer;  /* this makes the browser show the "hand" cursor when hovering over the tab */
    margin-right:-3px;
}
#ts_tabmenu ul li a:hover {
    position: relative; /* again,keep things relative */
    z-index: 25; /* we show this tab over all other tabs in the menu,which would be on layer 0,thus overlapping occurs */
    background-position: 0px -25px;  /* now we show the bottom part of the tabs image,the "hover" instance */
}
#ts_tabmenu ul li a:hover span {
    background-position: 100% -25px;
    position: relative; /* keep it relative */
    z-index: 25; /* show this on layer 5 as well */
    color:#c4000f;
}
#appletup { z-index:8 !important; }
#urlup { z-index:6 !important; }
#browserup { z-index:4 !important; }
#commonup { z-index:10 !important; }
.selected a,.selected a span,.selected a:hover,.selected a:hover span {
    background-position: 0px -50px !important;
    color:#fff;
    z-index: 25 !important;
    cursor:default !important;
    color:white !important;
}
.selected a span,.selected a:hover span{
    background-position: 100% -50px !important;
}
.c {
    margin-left:auto;
    margin-right:auto;
}
#showmenu {
	overflow: hidden;
}
#showmenu .ll {
    width:940px;
}
#indexmenu .ll, #showmenu .ll {
    padding: 0;
    margin:0 0 20px 10px;
}
#indexmenu .ll {
    width:790px;
    margin-left: 90px;
}
.leftl {
	width:1px;
	height: 60px;
	display: block;
	float:left;
}
#showmenu .leftl {
	background: #C70010 url(http://geordiehall.com/im4ge/logo/logo.png);
	width: 148px;
}
#indexmenu #logo{
    width:510px;
    height:136px;
    margin-bottom:80px;
    margin-top:100px;
}
#showmenu #logo{
    width:0px;
    height:0px;
    margin-top:100px;
}
.tmenu {
    padding:0 !important;
    margin:0 !important;
    font-size:12px;
    color:#666;
}
#privmenu {
	width: 455px;
}
.tmenu span{
    list-style-type: none;
    display: block;
    display:inline;
    padding-bottom: 0;
    padding-left: 42px;
    padding-right: 42px;
    margin-top: 10px;
}
.tmcr {
    border-right: 1px solid #C6000F;
}
.tmenu span a{
    text-decoration: none;
    color:#666;
}
.tmenu span a:hover{
    color:#C4000F;
}
.hline{
    height:1px;
    width:75%;
}
.hl{
    border-top:none;
    width:960px;
    display:block;
    margin-bottom:15px;
}
.copyright a{text-decoration:none;}
#footer a,#footer{
    text-decoration:none;
    font-weight:normal;
    text-align: center;
}
.links a,.links{color:#999;}
.links a:hover {color:#C4000F;}
#footer {
    margin-bottom:15px;
    left:50%;
    margin-left:auto;
    margin-right:auto;
}

#toprow {
    height:24px;
    background:transparent url(img/rowuptop.png) top left;
}

#toprow:hover {
	background-image: url(img/rowovertop.png);
}

.row {
    width:480px;
    height:23px;
    padding: 12px 14px;
    border-width: 1px 0px 0px;
    border-style: solid;
    border-color: #C6000F;
    border-top-color: #eee;
    
}
.row:hover {
	/*background-image: url(img/rowover.png);*/
	background-color: #fef6f7; 
}

#addmore{
    height:22px;
    background:transparent url(img/rowup.png) top left;
}

#uploadarea {
    widows:510px;
    border-bottom: 1px solid #C6000F;
    border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    
    border-left: 1px solid #C6000F;
    border-right: 1px solid #C6000F;
    margin-top:-5px;		/*Mainly for when quick upload rows turn green they are below the upload box */
    height: 58px;
    background:transparent url(img/gradm.png) top center repeat-x;
}

.button-commonup {
	position: absolute;
	top: 8px;
}

#imgButton {
	overflow:hidden;
	background: transparent url(img/uploadbtn.png);
	width: 163px;
	height: 42px;
	cursor: pointer;
}

#upload_tip {
	text-align: center;
	margin-top: 10px;
}
#options{
    float:left;
    padding:9px 0 0 3px;
}

#uploadbtn{
    width:181px;
    height:59px;
    background: transparent url(img/upback.png) right top no-repeat;
    padding: 0;/*9px 8px 8px 17px;	*/
    position:relative;
    left:155px;
    padding:8px 0 0 18px;
}

.inputError {
	color: #f00;
	text-align: center;
}

.upload{
    width:163px;
    height:42px;
    background:transparent url(img/uploadbtn.png) top center no-repeat;
    font-weight:bold;
    border:none;
}

input{
    font-family:Arial,Helvetica,sans-serif;
    color:#666;
    text-align:left;
}

.upload:hover{
    background-position: bottom center;
    color:#977;
}

.check{
    vertical-align:sub;
}

.minus{
    width:25px;
    height:23px;
    background: transparent url(img/plusminus.png) left 0% no-repeat;
    border:none;
}

.minus:hover{background-position: left -23px;}

.plus{
    width:25px;
    height:23px;
    background: transparent url(img/plusminus.png) left -46px no-repeat;
    border:none;
}

.plus:hover{background-position: left -69px;}

.browse{
    width:94px;
    height:23px;
    background: transparent url(img/browse.png) left top no-repeat;
    border:none;
    padding:0;
    float:right;

}

@-moz-document url-prefix() {
    .browse {
    padding:0 0 3px;
}
.hidden{
    float:right;
    margin:-1px -95px 0 0;	
}
}


.browse:hover{background-position:left bottom;}

.filepath{
    line-height:23px;
    padding: 0 10px;
}

.hidden{
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; // first!
    filter: alpha(opacity=0);
    opacity:0;
    zoom:1;
    cursor:pointer;
}

/*for FireFox*/
input[type="submit"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner
{   
    border : 0px;
} 
/*for IE8 */
input[type="submit"]:focus,input[type="button"]:focus
{     
    outline : none; 
}

/*********************** Quick Upload Rows **************************/

#swfupload-control p { 
	margin:10px 5px; font-size:0.9em; text-align:center;	/* Not sure what this does... */
}
.uploadRow {
	background: #e9ffe0 !important;
}
#file_0 {
	border-top: none !important;	/* So that there isn't a gross green border at the top */
	border-radius: 0 5px 0 0;		/* Make sure the top right corner of the first row is rounded like its parent */
}
#commonuparea li { 
	background: #e9ffe0; 
	list-style-position:inside; 
	margin:0px; 
	border: none;/* solid #C4000F;*/ 
	border-top:1px solid #54bf34; 
	border-bottom:none; 
	padding:10px; 
	font-size:12px; 
	font-family:Arial,Helvetica,sans-serif; 
	color:#333; 
	background:#fff; 
	position:relative;
}
#commonuparea li .progressbar { 
	border:none; 
	width:456px; 
	height:25px; 
	background: transparent url(img/progress.png) left top no-repeat; 
	margin: 4px 0 4px 15px; 
	text-align:center; 
	line-height:25px; 
	color:#252;
}
#commonuparea li .progress{ background: transparent url(img/progress.png) left bottom; width:0%; height:25px; }
#commonuparea li p{ margin:0; line-height:18px; }
#commonuparea li.success{ /*border: 0px solid #C4000F; border-top:1px solid #339933; border-bottom:none;*/ background:#ccf9b9;  }
#commonuparea li span.cancel{ position:absolute; top:5px; right:5px; width:20px; height:20px; background:url('js/swfupload/cancel.png') no-repeat; cursor:pointer; }
#commonuparea li.success a{text-decoration:underline; color:#222; font-weight:bold; }
#commonuparea li.success .status,#commonuparea li .status{text-align:center;}
#commonuparea li .progressvalue{position:relative; top:-25px;}


/********************** Next Section **********************/
#commonUpPrompt {
	text-align: center;
	width:100%;
	padding-top:15px;
}

#urlPrompt {
	display: none;
	margin: 10px 14px;
}

#arrow {
	position:relative; 
	top:0;
}

#uploadbtn .upload {
	display:none;
}

#commonuparea #SWFUpload_0_0 {
	border-radius: 0 5px 0 0;
	-moz-border-radius: 0 5px 0 0;
	-webkit-border-radius: 0 5px 0 0;
	-o-border-radius: 0 5px 0 0;
	border-top:0;
}

#logolink {
	display:block;
	height:100%;
	width:100%;
	text-indent:-9999px;
}

#topround {
	-moz-border-radius: 0 5px 0 0;
	-o-border-radius: 0 5px 0 0;
	-webkit-border-radius: 0 5px 0 0;
	border-radius: 0 5px 0 0;
    border-color: #C6000F;
    border-style: solid solid none;
    border-width: 1px 1px 0;
	height:110px;
	position:relative;
	z-index:0;
}
#browseruparea {
    height: 40px;
    z-index: 1000;
    display:none;
    padding: 20px 15px;
}
#urluparea {
    display:none;
}
img,a img,a {
    border:0;
}
div#topmenucontent span {
    cursor: pointer;
}
#wrapper {
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    width:960px;
}
#binput {
    /*width: 440px;*/
    text-align: left;
    float: right;
}
.uinput {
    width: 410px;
    margin: 0 5px;
}
.urow {
	overflow:hidden;
	height: 0px;
}
.qu {	/*Quick upload tab's padding is different on left? */
    padding-left:6px !important;
}
.pc {
    width: 60%;
    text-align:left;
}
.info, .success, .warning, .error, .validation {
	border: 1px solid;
	margin: 10px 0px;
	padding:15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
}
.info {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('img/info.png');
}
.success {
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image:url('img/success.png');
}
.warning {
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('img/warning.png');
}
.error {
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('img/error.png');
}
.fl_c {
	top:0;
	height:100%;
	width:100%;
	position: absolute;
}
.fl_cc {
	margin-left:25%;
	margin-right:25%;
	width: 50%;
	position: relative;
}
.prev_float,.next_float {
    position: absolute;
    top: 20%;
}
.prev_float {
	float: left;
	left: 0;
}
.next_float {
	float: right;
	right: 0;
}
.shead {
	cursor:pointer;
	padding-bottom:13px;
	margin-bottom: 10px;
}
.slines {
	height:1em;
	border-bottom:1px grey solid;
	width:100%;
}
.sin {
	margin: 0 80px;
	background:#FFF;
	font-size:1.5em;
	padding: 0 10px;
	border-right: 1px grey solid;
	border-left: 1px grey solid;
}
.dn {
	display:none;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
img.border {
    background: none repeat scroll 0 0 white;
    border: 1px solid #BBBBBB;
    margin: 7px 14px 7px 0;
    padding: 5px;
    width: 160px;
}


/* LiteBox */
.lbbody {
	overflow: hidden;
}
#lbzoomed {
	position: absolute;
	top: -9999;
	left: -9999;
	z-index: 10000;
	border: 0.5cm white solid;
}
#lbBord {
	border-width: 0.7cm;
}
#lbOverlay {
    background-color: #000000;
    cursor: pointer;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
	opacity: 0;
}





/*********************** Menu bar ***********************/

#logo.c {
	margin: 70px auto;
}

#menu {
	margin: 30px auto;
	width: 603px;
}

ul.parent a {
	height: 100%;
	display: block;
	float: left;
	text-decoration: none;
}

ul.parent a:hover {
	color: #fff;
	text-decoration: none;
}

ul.parent {
	border-radius: 5px;
	border: 1px solid #d5091a;
	display: block;
	width: 601px;
	height: 60px;
	padding: 0;
	font-size: 12px;
	font-family: verdana, arial, sans-serif;
}

ul.parent li {
	float:left;
	color: #666;
	width: 151px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f4ebeb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4ebeb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f4ebeb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#f4ebeb 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#f4ebeb 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4ebeb',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ffffff 0%,#f4ebeb 100%); /* W3C */
	position: relative;
	margin-left: -1px;
}

ul.parent li:hover, ul.parent ul.child li:hover a {
	background: #d4101e; /* Old browsers */
	background: -moz-linear-gradient(top, #e1505c 0%, #d81525 47%, #ac010e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1505c), color-stop(47%,#d81525), color-stop(100%,#ac010e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e1505c 0%,#d81525 47%,#ac010e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e1505c 0%,#d81525 47%,#ac010e 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #e1505c 0%,#d81525 47%,#ac010e 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1505c', endColorstr='#ac010e',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #e1505c 0%,#d81525 47%,#ac010e 100%); /* W3C */
	color: #fff !important;
	z-index: 100;
}

ul.parent li span {
	height: 40px;
	line-height: 40px;
	margin: 10px 0;
	width: 149px;
	display: block;
	text-align: center;
	border-left: 1px solid #d5091a;
}

ul.parent li:hover span {
	color: #fff;
}

ul.parent li span .arrowdown {
	display: inline;
	border: none;
	padding-left: 10px;
	background: transparent url(img/arrows.gif) top right no-repeat;
	height: 10px;
	padding-left: 30px;
}

ul.parent li:hover span .arrowdown {
	background-position: bottom right !important;
}

ul.parent ul.child {
	position: absolute;
	padding: 0;
	z-index: 5;
	overflow: hidden;
	border-radius: 0 0 4px 4px;
	border: 1px solid #a8000d;  
	border-top: none;
	height: 0;
	opacity: 0;
	box-shadow: 2px 3px 20px rgba(0, 0, 0, 0.4); 
}

ul.parent ul.child li {
	width: 149px;
}

ul.parent ul.child li a {
	float: none;
	display: block;
	text-align: left;
	width: 129px;
	padding: 0 10px;
	height: 40px;
	line-height: 40px;
	border-top: 1px solid #ac010e;
	border-radius: 0;
	background: #faf4f4;
}

ul.parent li.first {
	border-radius: 4px 0 0 4px;
}

ul.parent li.last {
	border-radius: 0 4px 4px 0;
}

ul.parent ul.child li.last a, ul.parent ul.child li.last {
	border-radius: 0 0 4px 4px;
}

ul.parent ul.child li.first, ul.parent li.first span {
	border: none;
}

ul.parent li.first, ul.parent ul.child li {
	margin-left: 0;
}


/*********************** Footer ***********************/

#footer .copyright {
	position: absolute;
	right: 20px;
	bottom: 20px;
}

#footer .links {
	position: absolute;
	left: 20px;
	bottom: 20px;
}

/*********************** Basic Styles ***********************/

.blue {
	color: #35a7d3;
}