p,
body,
li,
blockquote{
  font-style: normal;
  font-weight: normal;
  font-family:Verdana,Tahoma,sans-serif;
  font-size:8pt;
  color:#4D4D4D;
  text-align: justify;
}

.online-publishing-videos /* For smaller text in the right hand boxes  */
{
  class: p;
  font-size:7pt;
  text-align: center;
}

.online-publishing-videos-bold,
.online-publishing-videos-bold:link,
.online-publishing-videos-bold:active,
.online-publishing-videos-bold:visited
 /* For smaller text in the right hand boxes (bold) also sometimes links */
{
  class: p;
  font-weight: bold;
  font-size:7pt;
  text-align: center;
  text-decoration: none;
  color:#4D4D4D;
}
.online-publishing-videos-bold:hover  /* For smaller text in the right hand boxes (bold) also sometimes links */
{
  class: p;
  font-weight: bold;
  font-size:7pt;
  text-align: center;
  text-decoration: none;
  color:#f3651e;
}


.online-publishing-videos-smaller,
.online-publishing-videos-smaller:link,
.online-publishing-videos-smaller:active,
.online-publishing-videos-smaller:visited

 /* For even smaller text in the right hand boxes - usually system requirments etc (white background)*/
{
  class: p;
  font-size:7pt;
}

.online-publishing-videos-smaller:hover

 /* For even smaller text in the right hand boxes - usually system requirements etc (white background)*/
{
  class: p;
  font-size:7pt;
  color:#f3651e;
}




.publish-share-edit-videos-online,
.publish-share-edit-videos-online:link,
.publish-share-edit-videos-online:active,
.publish-share-edit-videos-online:visited
{ /* This set is for the buttons on the bar at the bottom of the screen */
  class: p;
  text-decoration: none;
  font-size:7pt;
  color:#4D4D4D;
  valign: top;
}
.publish-share-edit-videos-online:hover
{ /* This set is for the buttons on the bar at the bottom of the screen (hover)*/
  class: p;
  text-decoration: none;
  font-size:7pt;
  color:#f3651e;
  valign: top;
}

a,
a:active,
a:visited,
a:link{
  class: p;
  color:#526E96;
}
a:hover{
  class: p;
  color:#f3651e;
}


h1{ /* Main "slogain strip" below 3 images on each page */
  font-style: normal;
  font-weight: normal;
  font-family:Verdana, Tahoma,sans-serif;
  font-size: 16pt;
  color:#F36625;
  text-align: left;
}

h2{ /* Main page sub titles */
  font-style: normal;
  font-weight: strong;
  font-family:Verdana,Tahoma,sans-serif;
  color:#526E95;
  text-align: left;
  align: left;
  text-decoration: none;
  font-size:8pt;
}

.video-sharing-platform { /* For the strap line - no lomger used*/
  font-style: normal;
  font-weight: strong;
  font-family:Verdana,Tahoma,sans-serif;
  font-size: 12pt;
  color:#7f7c73;
  text-align: center;
  align: center;
}

.video-box-td { /* For the 3 pics/videos in the top bar */
      border:1px solid #526E95;
      align: center;
      text-align: center;
      valign: top;
}

.box, .boxtop { /* Boxes for right hand side */
  border:      1px solid #CCDFE7;
  background:    #F1F1F1;
  align: center;
  text-align: center;
  valign: top;
}

.edit-share-publish-video-online { /* In-page shaded boxes (like right hand side) */
  border:      1px solid #CCDFE7;
  background:    #F1F1F1;
  align: center;
  text-align: justify;
  valign: top;
}

.edit-share-publish-video-web-green-td { /* Green shaded <td> cells */
  border:      1px solid #CCDFE7;
  background:    #F4F9F6;
  align: center;
  text-align: left;
  valign: top
}
.edit-share-publish-video-web-orange-td { /* Orange shaded <td> cells */
  border:      1px solid #CCDFE7;
  background:    #F9F7F4;
  align: center;
  text-align: left;
  valign: top
}
.edit-share-publish-video-web-blue-td { /* Blue shaded <td> cells */
  border:      1px solid #CCDFE7;
  background:    #F4F4F9;
  align: center;
  text-align: left;
  valign: top
}
.edit-share-publish-video-web-red-td { /* Red shaded <td> cells */
  border:      1px solid #CCDFE7;
  background:    #F9F4F4;
  align: center;
  text-align: left;
  valign: top;
}

.boxtitle h2 /* Title for in-page and right hand side boxes */
{
font-family:Verdana,Tahoma,sans-serif;
font-size:11px;
color:#526E95;
font-weight:bold;
text-align: center;
align: center;
text-decoration: none;
}

/********************* Orange buttons, should be self explanitory *********************/

.orange-link,
.orange-link:visited,
.orange-link:active,
.orange-link:link
{
    color:white;
    font-weight:bold;
    text-decoration:none;
    font-family:sans-serif;
    font-size:10px;
    align: center;
    text-align: center;
}

.orange-link:hover
{
    color:white;
    font-weight:bold;
    text-decoration:none;
    font-family:sans-serif;
    font-size:10px;
    align: center;
    text-align: center;
}

.orange-button
{
     border-top:2px solid #FFA86E;
    border-bottom:2px solid #AA4705;
    border-right:2px solid #AA4705;
    border-left:2px solid #FFA86E;
    background-color:#FF6600;
    align: center;
}
/***************************************** End orange buttons *********************/

.clesh{ /* For the word "Clesh" */
  class: p;
  font-weight: bold;
    color:#526E96;
}

.forbidden-technologies /* For the words Forbidden technologies and FORSCENE */
{
  class: p;
  font-weight: bold;
  color:#526E96;
}


.formrow textarea,
.formrow select,
.formrow input  { /* Form elements */
  font-style: normal;
  font-weight: normal;
  font-family:Verdana,Tahoma,sans-serif;
  font-size:9pt;
  color:#4D4D4D;
  background-color: white;
  border:      1px solid #CCDFE7;
text-align: left;
}

/************* Set for small print including "Clesh", "Forbidden" and hyperlinks *************/

.video-editing-small-print
{
   class: p;
  color:#526E96;
  font-size:8pt;
}
.video-editing-small-print:active,
.video-editing-small-print:visited,
.video-editing-small-print:link
{
  class: a;
  color:#526E96;
  font-size:8pt;
}
.video-editing-small-print:hover
{
  class: a;
  color:#f3651e;
  font-size:8pt;
}
.video-editing-small-print-clesh
{
  class: p;
  font-weight: bold;
  color:#EF1B21;
  font-size:8pt;
}
.video-editing-small-print-forbidden-technologies,
.video-editing-small-print-forbidden
{
  class: p;
  font-weight: bold;
  color:#526E96;
  font-size:8pt;
}
/************************************* Set end ***********************************************/



/************* Set for small print including "Clesh", "Forbidden" and hyperlinks *************/

.video-editing-online-sharing,
.video-editing-online-sharing:active,
.video-editing-online-sharing:visited,
.video-editing-online-sharing:link
{
  class: a;
  color:#526E96;
  font-size:7pt;
  text-align: center;
  align: center;
}
.video-editing-online-sharing:hover
{
  class: a;
  color:#f3651e;
  font-size:7pt;
  text-align: center;
  align: center;
}

/************************************* Set end ***********************************************/


#footer { clear: both; margin-top: 5em; padding: 2em; font-size: 80%; text-align: center; }

#loginbody { text-align: center;}
.loginbox { text-align: left; width: 25em; min-width: 300px; margin-left: auto; margin-right: auto; margin-top: 100px;   border:      1px solid #CCDFE7;
  background:    #F1F1F1;
  align: center;
  text-align: left;
  valign: top;
  padding: 1em;
}

.box { margin: 20px 50px 20px 50px; padding: 5px 20px 5px 20px; min-width: 37em; clear: both; text-align: left; }
.boxtop { margin: 20px 50px 0 50px; padding: 5px 20px 0 20px; min-width: 37em; clear: both; text-align: left; border-bottom: 0; }
.boxbottom { margin: 0 50px 20px 50px; padding: 5px 20px 5px 20px; min-width: 37em; clear: both; text-align: left;
border: 1px solid #CCDFE7; border-top: 0; }

.tabs { margin: 2em -20px 0 -20px; border-bottom: 1px solid #CCDFE7; background: #F1F1F1; padding: 2px 20px 2px 20px; clear: both; list-style-type: none;  }
.tabs li { display: inline; padding: 0; }
.tabs li a { background: #eeeeee; padding: 2px 10px 2px 10px; margin-right: 8px; border: 1px solid #CCDFE7; }
.tabs li a:hover { background: #ddddee; }
.tabs li a.active { background: #ccccd6; padding: 2px 10px 3px 10px; margin-right: 8px; border-bottom: 0; }


.buttons { margin: 2.5em 0 1em 0; padding: 0; list-style-type: none; clear: both; }
.buttons li { float: left; width: 10em; font-size: large; margin-right: 15px;
     border-top:2px solid #FFA86E;
    border-bottom:2px solid #AA4705;
    border-right:2px solid #AA4705;
    border-left:2px solid #FFA86E;
    background-color:#FF6600;
    align: center; }
.buttons li a { display: block; padding: 10px 0;
    color:white;
    font-weight:bold;
    text-decoration:none;
    font-family:sans-serif;
    font-size:10px;
    align: center;
    text-align: center; }
.buttons li a:hover { background: #516F95;
    color:white;
    font-weight:bold;
    text-decoration:none;
    font-family:sans-serif;
    font-size:10px;
    align: center;
    text-align: center; }

.clear { clear: both; }
body {
  background: #F5F5F5; color: #000000;
  font-family: Verdana, Tahoma, Arial, Helvetica, Sans-serif; font-size: 11pt;
  margin: 0;
}
h1 { width: 100%; margin: 0; padding: 0; }
#header { height: 60px; border-bottom: 1px solid #555; }
#links { position: absolute; top: 8px; right: 5px; text-align: right; line-height: 1.5em; }

div#breadcrumbs { padding:2px 8px 3px 8px; font-size:11px; background: #efefef; color:#999;  border-bottom:1px solid #555; text-align:left; }
div#breadcrumbs a { color:#526E95; }
div#breadcrumbs a:hover { color:#f3651e; }
div#breadcrumbs h2 { padding: 0; margin: 0; }

/* Form stuff */

form { margin: 0; }
form input, select, textarea { font-family: Verdana, Tahoma, Arial, Helvetica, Sans-serif; font-size: 10pt; }
.formrow { padding: 4px; clear: both; }
.formrow label { float: left; width: 7em; text-align: right; padding-right: 0.5em; }

.formrow input,textarea { width: 15em; }
.formrow input.radio { width: 1em; height: 1em; }
.formrow label.radio { float: none; display: block; text-align: left; }
.formrow fieldset.radio { border: 1px solid #999; padding: 0.5em; width: 17em; }

.errorrow { border: 1px solid red; margin: 0 0 0.5em 0; padding: 0.5em; background: #fff; color: red; }
.messagerow { border: 1px solid #00A000; margin: 0 0 0.5em 0; padding: 0.5em; background: #fff; color: #00A000; }

.submitrow { clear: both; padding: 1em 0 0 7em; }
.submitrow input { font-size: 1em; }

form.long .formrow label { width: 15em; }
form.long .submitrow { padding: 1em 0 0 15.75em; }
form.long .formrow input,textarea { width: 20em; }

form.publish th { width: 9em; text-align: right; padding-right: 0.5em; font-weight: normal; }
form.publish .submitrow { padding: 1em 0 0 10.75em; }
form.publish .formrow label { width: 10em; }
form.publish .formrow label.radio { width: 16em; }

.wrong { color: #A00000; }
.required { color: #800000; }

.upload { margin: 0; padding: 10px; background: #efefef; }

/* Videos Page */

div#videoreturn { float: right; padding: 0 10px 2px 10px; font-size:normal; color:#999; text-align:right; white-space: normal; }
div#videomore { float: right; padding: 0 10px 2px 10px; font-size:normal; color:#999; text-align:right; white-space: normal; }

div#videosheader { float: left; border-bottom: 0; margin: 0px; padding: 0px; white-space: pre; width: 100%; }
/* div#videosheader h1 img { float: left; } */

div.thumbs { border: 1px dashed black; margin: 10px; clear: both; }
h2.thumbsheader { font-weight: bold; font-size: small; margin: 10px; }

div.vidthumb, div.vidname, div.vidby { text-align: center; }

div.vidname { font-weight: bold; font-size: small; }
div.vidby { font-size: small;}

div.vidthumb img { border: 1px solid black; }
div.vidthumb img.active { border: 1px solid red; }
div.vidthumb a:hover img { border: 1px solid red; }

p.viewer { text-align: center; }

a { color: #BB0000; text-decoration: none; }
a:hover { color: red; text-decoration: underline; }

.users { border: 1px solid #aaa; background: #efefef; }
.users caption { text-align: left; background: #468; color: #ccc; font-weight: bold; padding: 5px; border: 1px solid #aaa; }
.users th { text-align: left; font-size: 1em; background: #468; color: #ccc; margin: 0; padding: 5px; border-right: 1px solid #aaa;}
.users td { margin: 0; padding: 5px; border: 0px solid #aaa; }

/** Previous contents of extraclesh.css **/

#body { clear: both; }
body.about div#body { margin: 0 100px; }

/* Tabs */

.areatabs {  position: absolute; top: 1em; left: 170px; }
.areatabs ul { margin: 0; padding: 0; list-style: none; }
.areatabs li { float: left; margin: 0; padding: 0; font-size: 120%; }
.areatabs li a { padding: 0.5em 1em; display: inline; white-space: nowrap; }

.showreel li.showreel a { color: #F36625; }
.showreel li.showreel a:hover { text-decoration: none; }
.account li.account a { color: #F36625; }
.account li.account a:hover { text-decoration: none; }
.about li.about a { color: #F36625; }
.about li.about a:hover { text-decoration: none; }

table.buy { border-collapse: collapse; empty-cells: hide; }
table.buy thead th { padding: 0.5em; border: 1px solid #336699; background-color: rgb(255, 255, 153); text-align: center; }
table.buy th { font-weight: bold; text-align: center }
table.buy tbody td { padding: 0.5em; border: 1px solid #336699;}
table.buy tbody td.paynow { text-align: center;}
table.buy tbody td.val { text-align: center;}