body {
   background-color: #e0e0e0;
   margin-top: 2px;
   margin-right: 0px;
   margin-bottom: 0px;
   margin-left: 0px;
   font-family: tahoma, arial, helvetica;
   font-size: 13px;
   text-align: center;
   min-width: 800px;
   color: #000000;
}
div.clear {
   clear: both;
   border: 0px solid #cfcfcf;
}
span.center {
   margin: 0 auto;
   text-align: center;
   border: 1px solid black;
}
div.box {
   text-align: center;
   width: 798px;
   margin: 1px auto 40px auto;
   padding: 0;
   background-color: #f2f2f2;
   border: 1px solid #cfcfcf;
}
div#wrapper {
   text-align: left;
   width: 800px;
   margin-left: auto;
   margin-right: auto;
   padding: 0;
}
div.wrapper { /* check this, were is it used and is it usefull */
   width: 80%;
   margin: 0px auto 0px auto;
   text-align: left;
}
div#googletranslate {
   text-align: left;
   width: 800px;
   height: 25px;
   margin: 0 auto 2px auto;
   padding: 0;
}

/* Texts */
.small {
   margin: 0;
   padding: 0;
   font-size: 11px;
   font-weight: normal;
}
.large {
   margin: 0;
   padding: 0;
   font-size: 15px;
   font-weight: normal;
}
span.new {
   font-weight: bold;
   color: red;
}
span.red {
   font-weight: bold;
   color: red;
}
span.blue {
   font-weight: bold;
   color: blue;
}

/* Links */
a:link {
   color: #000000;
   text-decoration: underline;
}
a:active {
   color: #2457AB;
   text-decoration: none;
}
a:visited {
   color: #000000; /* #581C90 */
   text-decoration: underline;
}
a:hover {
   color: #0000dd;
   text-decoration: none;
}

/* Headers & Paragraphs */
h1 {
   font-size: 18px;
   font-weight: bold;
}
h2 {
   font-size: 15px;
   font-weight: bold;
}

/* Messages */
div.message {
   text-align: center;
   width: 798px;
   margin: 1px auto 1px auto;
   padding: 25px 0px 25px 0px;
   background-color: #f2f2f2;
   border: 1px solid #cfcfcf;
}
div.message h2 {
   margin: 0;
   padding: 0;
   font-size: 14px;
   font-weight: bold;
   border: 0px solid #cfcfcf;
}
div.message h2.warning {
   color: red;
}
div.message img.confirmationButton {
   margin: 0px 30px 0px 30px;
}

/* Images */
a img {
   border: 0;
}
img.title {
   display: block;
   margin-left: auto;
   margin-right: auto;
}
img.addButton {
   display: block;
   margin-top: 20px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 60px;
}

/* Tables */
td.light {
   background-color: #F2F2F2;
}
td.dark {
   background-color: #D9D9D9;
}
td.border {
   background-color: #CFCFCF;
}
img.actionButton {
   padding: 0;
   margin: 0;
   border: 0;
   vertical-align: bottom;
}

/* Thumbnails */
p.thumbnailsTitle {
   text-align: left;
   padding-left: 80px;
   margin-bottom: 20px;
   font-size: 20px;
   font-weight: bold;   
   border: 0px solid black;
}
p.thumbnailsSubTitle {
   text-align: left;
   padding-left: 100px;
   margin-bottom: 20px;
   font-size: 16px;
   font-weight: bold;   
   border: 0px solid black;
}
div.thumbnails {
   width: 630px;
   margin : 0px auto 0px auto;
   border: 0px solid black;
}
div.thumbnailSeparator {
   float: left;
   width: 20px;
   border: 0px solid #00ffff;
}   
div.thumbnail {
   float: left;
   width: 285px;
   height: 80px;
   margin-left: 25px;
   border: 0px solid #ffff00;
}
div.thumbnail img {
   float: left;
   width: 50px;
   height: 50px;
   border: 1px solid #000000;
}
div.thumbnail p {
   float: left;
   width: 220px;
   margin: 0px 0px 0px 10px;
   padding: 0;
   border: 0px solid red;
   text-align: left;
   color: #000000;
   line-height: 13px;
}
div.thumbnail span.title {
   font-size: 13px;
   font-weight: bold;
   border: 0px solid black;
   text-decoration: underline;
}
div.thumbnail span.description {
   font-size: 11px;
   font-weight: normal; 
}

/* Fonts */
div.fontPreviews {
   margin: 0 auto;
   width: 215px;
   border: 0px solid black;
}
div.fontPreviews div.preview {
   padding-bottom: 5px;
   background-color: #f2f2f2;
   border: 1px solid #cfcfcf; 
}
div.fontPreviews div.charactersTitle {
   background-color: #cfcfcf;
   padding: 5px 0 5px 8px;
   margin-top: 15px;
   text-align: left;
   border: 1px solid #cfcfcf; 
   font-size: 14px;
   font-weight: bold; 
}

/* Category */
h1.chooseTemplate {
   margin: 35px 0px 35px 0px;
   text-align: center;
   font-size: 18px;
   font-weight: bold;   
   border: 0px solid black;
}
div.templates {
   width: 94%;
   border: 0px solid red;
   margin-left: auto;
   margin-right: auto;
}
p.edit {
   border: 0px solid black;
   margin: 5px 0px 5px 0px;
}   
p.edit a.white {
   font-size: 11px;
   color: #ffffff;
   font-weight: bold;
}
p.edit a.white:link, p.edit a.white:visited {
   text-decoration: underline;
}
p.edit a.white:active, p.edit a.white:hover {
   text-decoration: none;
}

/* What's New */
ul#new {
   text-align: left;
   margin: 30px 0px 20px 120px;
   border: 0px solid black;
   font-size: 13px;
}
ul#new li {
   margin-bottom: 4px;
   list-style: url( ../images/bullet.png );
   border: 0px solid black;
}
ul#new .date {
   margin: 0;
   padding: 0;
   font-weight: bold;
   border: 0px solid black;
   width: 110px;
}
ul#new .description {
   margin: 0;
   padding: 0;
   border: 0px solid black;
}
div.socialIcons {
   width: 162px;
   margin: 0 auto 20px auto;
   border: 0px solid black;
}
div.socialIcon {
   width: 80px;
   float: left;
}
div.socialIcon span {
   font-size: 11px;
   font-weight: bold;
}

/* Terms */
p.terms {
   width: 80%;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
   font-size: 14px;
   padding: 10px;
   border: 0px solid #ff0000;
}  

/* Copyright */
p#copyrightContractFooter {
   margin-top: 0px;
   margin-bottom: 30px;
   font-weight: bold;
   color: red;
}

/* Admin Thumbnail */
img#adminThumbnail {
   display: block;
   margin: 20px auto 20px auto;
   width: 50px;
   height: 50px;
   border: 1px solid #000000;
}

/* Account */
div.accountSection {
   margin: 20px auto 30px auto;
   text-align: left;
   padding-left: 205px;
   padding-right: 35px;
   border: 0px solid black;
}
div.accountSection h2.sectionTitle {
   margin: 0;
   padding: 0;
}
div.accountSection p.sectionDescription {
   margin: 0px 0px 20px 0px;
   padding: 0;
}
div.accountSection p.sectionDescription span.expiredWarning {
   color: red;
   font-weight: bold;
}
div.accountSection p.sectionDescription span.expiredRenew {
   padding-left: 20px;
   font-weight: bold;
}
div.accountSection p.sectionRenew {
   border: 1px solid black;   
   margin: 50px 0 0 200px;
   font-weight: bold;
}
div.accountSection div.separator {
   float: left;
   width: 20px;
   border: 0px solid #00ffff;
}   
div.accountThumbnail {
   float: left;
   width: 265px;
   height: 80px;
   margin-bottom: 0px;
   border: 0px solid #ffff00;
}
div.accountThumbnail img {
   float: left;
   width: 50px;
   height: 50px;
   border: 1px solid #000000;
}
div.accountThumbnail p {
   float: left;
   width: 200px;
   margin: 0px 0px 0px 10px;
   padding: 0;
   border: 0px solid red;
   text-align: left;
   color: #000000;
   line-height: 13px;
}
div.accountThumbnail span.title {
   font-size: 13px;
   font-weight: bold;
   border: 0px solid black;
   text-decoration: underline;
}
div.accountThumbnail span.description {
   font-size: 11px;
   font-weight: normal; 
}

/* Hosted */
div.hostedFiles {
   margin-top: 30px;
   border: 0px solid red;   
}
div.hostedFiles p.createdOn {
   font-size: 11px;
}
div.hostedFiles img.button {
   margin:  0px 15px 50px 15px;
}

/* Edit */
div#about {
   width: 800px;
   margin: 4px auto 40px auto;
   text-align: right;
   font-size: 12px;
   font-weight: bold;
   border: 0px solid red;
}
div#about div#like {
   float: left;
   text-align: left;
   margin-bottom: -15px;
   border: 0px solid red;   
}
div#about div#others {
   float: right;
   text-align: right;
   border: 0px solid red;   
}
div#adWarning {
   width: 800px;
   margin: 15px auto 15px auto;
   text-align: center;
   font-size: 11px;
   border: 0px solid red;
}
div#relatedBanners {
   width: 798px;
   background-color: #f2f2f2;
   margin: 1px auto 0px auto;
   border: 1px solid #cfcfcf;
}
span#relatedBannersTitle {
   font-weight: bold;
   margin: 0px 8px 0px 8px;
}
span.relatedBannersOption {
   margin: 0px 7px 0px 7px;
}

/* Libraries */
div.itemFooter {
   display: inline-block;
   border: 0px solid red;
}
div.itemFooterLeft {
   width: 70px;
   margin: 2px 0 10px 0;
   float: left;
   font-weight: bold;
   border: 0px solid red;
   text-align: right;  
}
div.itemFooterRight {
   padding-left: 10px;
   margin: 2px 0 10px 0;
   float: left;
   border: 0px solid red;
   text-align: left;
}
div.allLibraries {
   width: 60%;
   margin: 40px auto 60px auto;
   text-align: left;
}
div.allLibraries li {
   margin-bottom: 20px;
   list-style: url( ../images/bulletSmall.png );
}

/* Picks */
div.pick {
   margin-top: 10px;
   font-size: 11px;
   line-height: 15px; 
   border: 0px solid red;
}
span.pickAdmin, a.pickAdmin {
   color: red;
   text-decoration: underline;
   cursor: pointer;
}


/* Preview */
p.fontWarning {
   margin: 20px 0 20px 0;
   font-size: 11px;
   line-height: 12px;
   text-align: center;
}