/* VIEWS */

/* META CSS*/
.metadata                                  { padding: 5px 0; color: #666666; }
.date                                      { color: #666666; font-size: 0.8em; }
.time                                      { color: #666666; font-size: 0.8em; }
.author                                    { color: #666666; font-size: 0.8em; }
.source                                    { color: #666666; font-size: 0.8em;  }
.tag                                       { color: #666666; font-size: 0.8em; padding: 0 0 0 15px; }
.category                                  { color: #666666; font-size: 0.8em; }
.rss                                       { color: #C46533; font-size: 0.8em; }
.styler                                    { }
.rssicon                                   { float: right; margin-top:8px;}
.rssicon a                                 { padding-left: 15px; background: url(../images/icons/rss.gif) no-repeat left; color: #C46533; font-size: 0.9em; } 


a.gogo                                     { color: #FF2B06; display: block; float: right; padding: 10px 0; }
a.gogo:hover                               { }
a.close                                    { padding: 0 0 0 15px; }
a.open                                     { padding: 0 0 0 15px; }
a.top                                      { padding: 0 0 0 15px; }
a.bottom                                   { padding: 0 0 0 15px; }
a.first                                    { padding: 0 0 0 15px; }
a.last                                     { padding: 0 15px 0 0; }
a.next                                     { padding: 0 15px 0 0; } 
a.prev                                     { padding: 0 0 0 15px; }  
a.overview                                 { position: relative; top: 0; left: 440px; display: block; width: 120px; font-weight: bold; color: #111111; }
a.overview:hover						   { }

div.content a:active                       { }
div.content a:visited                      { color: #666666; text-decoration: none; }
div.content a:hover						   { color: #ff2b06; }
div.content a.gogo:hover				   { color: #ff2b06; text-decoration: underline; }
div.content h4 	 						   { }
div.content h4 a						   { color: #FF2B06;}

.feedback                                  { display: block; padding: 10px; margin: 20px 0; color: #FF2B06; font-weight: bold; text-align: center; padding: 10px; background: #ececec; }
.alert                                     { display: block; padding: 10px; border: 1px solid #990000; color: #990000; font-weight: bold; text-align: center; }
.required                                  { color: #ff2b06; font-size: 0.9em; }
.info                                      { padding: 0 10px; color: #21428d; background: #eeeeee; }

div.webedit                                { float: right; position: relative; margin-top: -15px; }
div.webedit a                              { display: block; padding: 0 5px 0 33px; font-size: 0.9em; font-weight: bold; }
div.webedit a:hover                        { color: #990000; }

div.textintro                              { }
div.textfoot                               { margin: 10px 0; }

/* listview */
ul.listview                                { list-style: none; margin: 20px 0; padding: 0; border-top: 1px solid #eeeeee; }
ul.listview li                             { border-bottom: 1px solid #eeeeee; padding: 2px 0; }
ul.listview li ul                          { }
ul.listview li ul li                       { border: none; }   

/* extendedlistview  */
dl.dlistview                               { margin:0; padding: 10px 0; }
dl.dlistview dt                            { font-weight: bold; margin: 0; padding: 0; }
dl.dlistview dd                            { margin: 0; padding: 0; } 

/* item overview  */
div.item                                   { border-top: 1px solid #ececec; margin: 5px 0 10px 0; padding: 0 0 5px 0; line-height: 1.2em; }
div.item p								   { padding: 5px 0 0 0; }
div.aside div.item                         { padding:0; }
div.itemleft                               { float: left; width: 215px; padding-top: 8px; }
div.itemright                              { float: right; width: 215px; }
/*div.itemright a.gogo					   { position: absolute; right: 10px; background: none; color: #FF2B06; }*/





/* tableview */
table.tableview                            { }
table.tableview th                         { }
table.tableview td                         { }
table.tableview thead th                   { border-bottom: 1px solid #ededed; }
table.tableview tfoot td                   { font-style:italic; text-align: right; color: #cacaca; font-size: 0.9em; border-top: 1px solid #ededed; } 
table.tableview tr:hover                   { }
table.tableview tr:hover th                { }        
table.tableview tfoot tr:hover td          { }

/* pagemenu */
div.pagemenu ul                            { height: 20px; background: #9e9e9e; border-bottom: 1px solid #9e9e9e; margin:0; padding: 0; list-style: none; }
div.pagemenu ul li                         { float: left; line-height: 21px; }
div.pagemenu ul li a                       { float: left; display: block; font-weight: bold; padding: 0 10px; border-right: 1px solid #ffffff; color: #ffffff; text-decoration: none; }
div.pagemenu ul li a:hover                 { background: #21428d; }
div.pagemenu ul li.selected a              { background: #ffffff; color: #21428d; }
div.pagemenu ul li.selected a:hover        { background: #ffffff; }
div.pagemenu ul li a:visited               { color: #ffffff; }

/* tread menu */
div.treadmenu                              { margin: 0; padding: 5px 0; }
div.treadmenu ul                           { list-style: none; margin: 0; padding: 0; }
div.treadmenu ul li                        { float: left; padding: 0; color: #666666; display: block; font-weight: bold; }
div.treadmenu ul li a                      { float: left; display: block; padding: 1px 15px 1px 0; margin: 0 5px 0 0; text-decoration: none; font-weight: normal; word-wrap: break-word; }
div.treadmenu ul li a:hover                { text-decoration: underline; } 
div.treadmenu ul li.last                   { clear: right; }

/* toc */
ul.toc                                     { border: 1px solid #eeeeee; margin: 10px 0 0 0; padding: 10px; list-style:none; }
ul.toc li                                  { }
ul.toc li a                                { }
a.totop                                    { top: -20px; position: relative; }

h2 a.toctop                                { position:relative; display: block; float: right; outline:none; width:20px; height:20px; }
h2 a.toctop:hover                          { background-position:100% -24px;  }
h2 a.toctop span                           { background:green; position:absolute; left:-1000em; }

/* image caption */
.imagecaption                              { display:block; font-style: italic; color: #9e9e9e; word-wrap: break-word; }

/* document download */
span.document a                            { display: block; border: 1px solid #eeeeee; padding: 5px; text-decoration: none; }
span.document a	img                        { margin-right: 10px; }
span.document a:hover                      { border: 1px solid #9e9e9e; }

/* download */
div.downloaditem                           { border: 1px solid #eeeeee; padding: 10px; }
div.downloaditem:hover                     { border: 1px solid #9e9e9e; }
div.downloaditem div.itemleft              { float: left; width: 40px; padding-top: 8px; }
div.downloaditem div.itemright             { float: right; width: 360px; }

div.aside div.downloaditem div.itemright   { width: 130px; }

/* form */
form.formview							   { border: 1px solid #ececec; padding: 8px 7px; background: #f7f7f7; }
form.formview input.required               { border: 1px solid #ececec; color: #111111; }
input:focus                                { background: #ececec; }

.required                                  { position: relative; }
.required em                               { position: absolute; left: -1000em; }

form.formview legend                       { font-weight: bold; font-family: arial, helvetica, sans-serif; font-size: 1.1em; color: #000000;  }
form.formview label                        { padding: 0 10px 0 0; }                

form.formview div.formrow                  { padding: 5px 0; }
form.formview div.colone                   { float: left; width: 40%; padding: 0 5% 0 0; } 
form.formview div.coltwo                   { float: left; width: 50%; }

form.formview input.text                   { border: 1px solid #000000; margin-right: 10px; }
form.formview input.checkbox               { }
form.formview input.file                   { border: 1px solid #000000; background: #eeeeee; }
form.formview input.password               { border: 1px solid #000000; margin-right: 10px; }
form.formview input.radio                  { }
form.formview input.button                 { border: 1px solid #9e9e9e; background: #21428d; color: #ffffff; font-weight: bold; cursor:pointer; }
form.formview select                       { }
form.formview textarea                     { border: 1px solid #000000; font-family: inherit; font-size:1em; }
form.formview textarea:focus               { background: #ececec; }
form.formview button                       { border: 1px solid #000000; background: #ececec; color: #000000; font-weight: bold; font-family: arial, helvetica, sans-serif; }
form.formview button span				   { line-height: 22px; } 

form.formview a.button                     { display: inline-block; padding: 2px 8px; border: 1px solid #ececec; color: #000000; font-weight: bold; text-decoration: none; font-family: arial, helvetica, sans-serif; }
form.formview a.button span				   { line-height: 22px; }                     


form.formview div.error                    { color:#ff2b06;}
form.formview div.error	input              { }
form.formview div.error	textarea           { }
form.formview div.errormessage             { color:#ff2b06;}


/* socialmedia */
div.share                           { position: absolute; z-index:1; right:0; top:80px; }
div.share ul                        { margin:0; padding:0; list-style: none; }
div.share ul li                     { list-style: none; float: left; }
div.share ul li a                   { display: block; float: left; width: 22px; height: 24px; padding: 0 8px 0 0; }	
div.share ul li a em                { display: none; }				

div.share ul li.youtube a			{ background: url(../images/youtube.png) no-repeat 0 -24px; }	
div.share ul li.youtube a:hover		{ background: url(../images/youtube.png) no-repeat 0 0; }		

div.share ul li.linkedin a			{ background: url(../images/linkedin.png) no-repeat 0 -24px; }	
div.share ul li.linkedin a:hover	{ background: url(../images/linkedin.png) no-repeat 0 0; }	

div.share ul li.flickr a			{ background: url(../images/flickr.png) no-repeat 0 -24px; }	
div.share ul li.flickr a:hover		{ background: url(../images/flickr.png) no-repeat 0 0; }

div.share ul li.facebook a			{ background: url(../images/facebook.png) no-repeat 0 -24px; }	
div.share ul li.facebook a:hover	{ background: url(../images/facebook.png) no-repeat 0 0; }				

div.share ul li.twitter a			{ background: url(../images/twitter.png) no-repeat 0 -24px; }	
div.share ul li.twitter a:hover		{ background: url(../images/twitter.png) no-repeat 0 0; }	

div.share ul li.vimeo a				{ background: url(../images/vimeo.png) no-repeat 0 -24px; }	
div.share ul li.vimeo a:hover		{ background: url(../images/vimeo.png) no-repeat 0 0; }	

div.reaction					{ border-top: 1px dotted #666666; padding: 30px 0; }
div.reactionlink				{ padding: 0 0 10px 0; }