/* CSS Code for Canon */
/* General Stuff */
body {
	/*text-align: center;*/
	margin:0;
	padding:0;
	background-image: url('../images/canon-background.gif');
	background-repeat: repeat-x;
	background-color:#ffb909;
	background-position:top left;
	font-family:arial;
	font-size:12px; 
}

.clear { clear: both; }
.left { float: left; }
.right { float: right; }


* {
	/*margin:0;
	padding:0;*/
	border:none;
	font-family:arial;
}


/* --- fonts heading and paragraph --- */
h1, h2, h3, h4  { font-family: Arial; font-weight: bold; letter-spacing: -1px; padding: 0; margin: 0;  }

p { padding: 5px 0; margin: 0; font-size:12px; }

.canon-red { color:#d4252c; }
.canon-orange { color:#ff9704; }
.canon-lightorange { color:#ffce53; }

h1 { font-size: 27px; }

h2 { font-size: 24px; }

h3 { font-size: 18px; }

hr { border-bottom: 1px dashed black; }
/* --- images and videos --- */
img { border: none; }

.video-thumb { border:1px solid #e5e5e5; padding: 4px; background-color: #FFF; }
/* --- links --- */

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

/*container styling for Fixed Fixed Layouts*/
#canon-wrapper {
	width: 960px;
	margin: 0 auto;
	clear: both;
	overflow: hidden;
	/*border: 1px solid red; */
}

#header { width: 960px; height: 91px; clear: both; overflow: hidden; background: url(../images/header-background.gif) no-repeat top left; }
#canon-mainmenu { width: 767px; float: left; }

#canon-stage { width: 960px; clear: both; overflow: hidden; background: url(../images/mainstage-background.gif) repeat-y top left; padding: 0 20px; }
#canon-stage1 { width: 400px; clear: both; overflow: hidden; background: url(../images/mainstage-background.gif) repeat-y top left; padding: 0 20px; }
#canon-event-banner { width: 920px; height: 200px; clear: both; overflow: hidden;}
#canon-logo { width: 213px; float: left; }
#canon-event-desc { width: 707px; float: left; width: 350px; padding-top: 30px;  }

/* big day out event banner */
#canon-event-banner { background: url(../images/canon-bigdayout-banner2.jpg) no-repeat top left;}
#canon-event-banner h3 { color:#fff;padding-left: 20px; padding-top: 15px; }

#canon-stage-left-full { width: 860px; padding: 25px 20px; float: left;  }
#canon-stage-left { width: 630px; padding: 25px 20px; float: left;  }
#canon-stage-left1 { width: 630px; padding: 25px 20px; float: left;  }
#canon-stage-right { width: 230px; padding: 25px 20px 25px 0; float: left; }

#canon-stage-left h2 { color:#d4252c; }
#canon-stage-left h3 { width:480px; padding: 10px 0; }
#canon-stage-left1 h3 { padding: 10px 0; }

.tblh2 {color:#d4252c;}

/* canon main stage right sidebar */
#canon-sidebar-right { width: 210px; background-color: #f2f2f2; -webkit-border-radius: 5px;-moz-border-radius: 5px; padding: 20px 10px; }
#canon-sidebar-right p { font-size: 12px; font-family: Arial; }
#canon-sidebar-right h3 { padding-top: 10px; color:#d4252c; }
.claim-textarea { background-color: #FFFFFF; border: 1px solid #888888; font-size:12px; 
	color: #666666;width:198px; padding:5px; margin:5px 0px; height: 15px; -webkit-border-radius: 5px;-moz-border-radius: 5px; }
	.claim-textarea2 { background-color: #FFFFFF; border: 1px solid #888888; font-size:12px; 
	color: #666666; width:198px; padding:5px; margin:0 5px 5px; height: 10px; -webkit-border-radius: 5px;-moz-border-radius: 5px; float:left; }

.search-image { margin: 0; padding: 0; }

	
.claim-selectarea { background-color: #FFFFFF; border: 1px solid #888888; font-size:12px; 
	color: #666666;width:210px; padding:5px; margin:5px 5px; height: 25px; -webkit-border-radius: 5px;-moz-border-radius: 5px; }	
	
.claim-selectarea2 { background-color: #FFFFFF; border: 1px solid #888888; font-size:12px; 
	color: #666666;width:210px; padding:5px; margin:5px 5px; height: 25px; -webkit-border-radius: 5px;-moz-border-radius: 5px; float:left; }	

.claim-selectarea3 { background-color: #FFFFFF; border: 1px solid #888888; font-size:12px; 
	color: #666666; width:210px; margin:5px 5px; padding:5px; height:26px; -webkit-border-radius: 5px;-moz-border-radius: 5px; float:left; }	
.claim-selectarea4 { background-color: #FFFFFF; border: 1px solid #888888; font-size:12px; 
	color: #666666; width:210px; margin:3px 3px; padding:1px; height:24px; -webkit-border-radius: 5px;-moz-border-radius: 5px; float:left; }
.claim-selectarea5 { background-color: #FFFFFF; border: 1px solid #888888; font-size:12px; 
	color: #666666; width:210px; margin:5px 5px; padding:5px; height:28px; -webkit-border-radius: 5px;-moz-border-radius: 5px; float:left; }
	
#pop .claim-textarea {}
.submit-button { background-color:#d4252c; padding: 5px; border: none; font-size: 22px; font-weight: bold; color:#fff; -webkit-border-radius: 5px;-moz-border-radius: 5px; width: 150px; height: 40px;  }
.submit-button:hover { background-color:#ff9704; padding: 5px; border: none; font-size: 22px; font-weight: bold; color:#fff; -webkit-border-radius: 5px;-moz-border-radius: 5px; width: 150px; height: 40px; cursor: pointer;  }
.claim-textareaarea { background-color: #FFFFFF; border: 1px solid #888888; font-size:12px; 
		color: #666666; width:570px; padding:5px; height: 200px; -webkit-border-radius: 5px;-moz-border-radius: 5px; }
.claim-textareaarea2 { background-color: #FFFFFF; border: 1px solid #888888; font-size:12px; 
		color: #666666; width:210px; padding:0px; height: 19px; -webkit-border-radius: 5px;-moz-border-radius: 5px; }
.claim-textareaarea1 { background-color: #FFFFFF; border: 1px solid #888888; font-size:12px; 
		color: #666666; width:210px; padding:1px; height: 19px; -webkit-border-radius: 5px;-moz-border-radius: 5px; }
#pop form {margin:0; padding:0; min-width:480px; max-width:860px; width: 850px;}
#pop form fieldset {border: 1px solid #000; padding: 10px; width: 850px; -webkit-border-radius: 5px;-moz-border-radius: 5px; margin-bottom:15px; }
#pop form legend {font-size:1.1em; margin: 2px; font-weight:bold;}
#pop form label { display:block; float:left; width:150px; padding:13px 0; margin:0; text-align:right;}
#pop form .label2 { display:block; float:left; width:150px; padding:0; margin:0; text-align:right;}
#pop form .label3 { display:block; float:left; width:150px; padding: 6px 0; margin:0; text-align:right;}
#pop form .label4 { display:block; float:left; width:650px; padding: 6px 0; margin:0; text-align:right;}
#pop form br { clear:left;}
#pop form small {display:block; margin: 0 0 5px 160px; padding 1px 3px; font-size:88%;}
#pop form checktext {display:block; margin: 0 0 5px 160px; padding 1px 3px; }
#pop form input, form textarea, form select { display:inline; width: auto; margin: 5px 0 0 10px;}

.claim-que{display:block;  padding-left:140px}

#topsection{
	background: #FFFFFF;
	height: 90px; /*Height of top section*/
	/*border: 1px solid green;*/
}

#menusection{
	background: #FFFFFF;
	height: 30px; /*Height of top section*/
	/*border: 1px solid green;*/
}

#panelsection{
	background: white;
	height: 120px; /*Height of top section*/
	border: 1px solid black;
}

#contentwrapper{
	float: left;
	width: 100%;
	/*border: 1px solid brown;*/
}

#contentcolumn{
	margin-right: 300px; /*Set right margin to RightColumnWidth*/
	background: #FFFFFF;
	/*border: 1px solid purple;*/
}

#rightcolumn{
	float: left;
	width: 300px; /*Width of right column*/
	margin-left: -300px; /*Set left margin to -(RightColumnWidth) */
	background: #FFFFFF;
}

#footer{
	clear: left;
	width: 100%;
	background: black;
	color: #FFF;
	text-align: center;
	padding: 4px 0;
}

/* --- footer --- */

#footer { width: 960px; height: 100px; background: url(../images/footer-background.gif) no-repeat top left; margin: 0 auto; padding-top: 30px; }

#footer p { font-size: 11px; font-family: Arial; color:#fff; padding: 2px 20px;  }
#footer a { color:#fff; }
#footer a:hover { color:#ffe39d; }

.innertube{
	margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-top: 0;
}

/* --- videos placement --- */

.canon-home-video { overflow: hidden; clear: both; }

.canon-home-video ul { display: inline; padding: 0; margin: 0; }
.canon-home-video li {  list-style: none; padding: 10px 5px; margin: 0;  float: left; }

.canon-home-video-detail { width: 190px; clear: both; overflow: hidden; padding: 5px;  }
.canon-home-video-detail ul { padding: 0; margin: 0; }
.canon-home-video-detail li { list-style: none; padding: 5px 0; margin: 0; }

.canon-home-video p { font-family: Arial; font-size: 11px; padding: 0; }
.canon-home-video a { font-weight: bold; font-size: 12px; }

.canon-home-video-left { float: left; width:90px; padding-top: 5px; }
.canon-home-video-right { float: left; width: 100px; text-align: right; padding-top: 5px; }

.canon-home-video-viewer-detail { width: 610px; clear: both; display: block; margin: 0 auto; 
									overflow: hidden; padding: 5px;
									-webkit-border-radius: 5px;-moz-border-radius: 5px; }
.canon-home-video-viewer-detail ul { padding: 0; margin: 0; }
.canon-home-video-viewer-detail li { list-style: none; padding: 5px 0; margin: 0; }

.canon-red-area li { list-style: none; padding: 5px 0; margin: 0; }

.canon-home-video-viewer p { font-family: Arial; font-size: 11px; padding: 0; }
.canon-home-video-viewer a { font-weight: bold; font-size: 12px; }

.canon-home-video-viewer-left { float: left; width:90px; padding-top: 5px; }
.canon-home-video-viewer-right { float: right; width: 450px; text-align: right; padding-top: 5px; }

/* --- navigation --- */
#mainbutton { width: 567px; padding-left: 410px; padding-top: 20px;  }
#mainbutton table { font:16px arial; font-weight: bold; letter-spacing: -1px; padding:0; margin:0; display: inline; }
#mainbutton td { list-style: none; margin: 0; padding: 0; }
#mainbutton a { float: left; display: block; color: #fff; margin: 0px 10px 0px 0px; padding: 10px; text-decoration: none; }
#mainbutton a:hover { background-color:#d4252c; color:#FFF; -webkit-border-radius: 5px;-moz-border-radius: 5px; }
#mainbutton #current a { background-color:#d4252c; color:#FFF; -webkit-border-radius: 5px;-moz-border-radius: 5px; }

.adminbutton {
	color: black; margin: 15px 20px; padding: 10px; display:inline-block;
	background-color:#d4252c; -webkit-border-radius: 5px;-moz-border-radius: 5px;}
.adminbutton a{	
	text-decoration: none; color:yellow;
	font:16px arial; font-weight: bold; letter-spacing: -1px;
	background-color:#d4252c; -webkit-border-radius: 5px;-moz-border-radius: 5px; }
.adminbutton a:hover { font:16px arial; font-weight: bold; letter-spacing: -1px;
	background-color:#d4252c; color:#FFF; -webkit-border-radius: 5px;-moz-border-radius: 5px; }
.adminbutton #current a { background-color:#d4252c; color:#FFF; -webkit-border-radius: 5px;-moz-border-radius: 5px; }

.videodetailsframe {
	text-align: center; clear: both;
	color: black; margin: 10px auto; padding: 18px 35px; display:block;
	background-color:#d4252c; -webkit-border-radius: 5px;-moz-border-radius: 5px; width:550px; }

.admintextbox
{
	 border:1px solid #e5e5e5;
	 width:120px;
}
.smalltextbox
{
	 border:1px solid #e5e5e5;
	 width:120px;
}
.tbldetails
{
	background-color:#ffb850;
}
.tddetails
{
	background-color:#ffffff;
}
.bgblack
{
	background-color:#000000;
	width:450px;
}
.trwhite
{
	background-color:#ffffff;
}