/* ==============================================

   Style Sheet For CMS Blocks and CMS Block Pages
   modules:

   /en/cmsblocks/
   /en/cmsblocks/pages/

   2007 Tendenci - Does your website increase
		   your sales?

   http://www.tendenci.com
   http://www.schipul.com

   GAZ 7.2007

   ============================================== */




/* ==============================================

   Here lies anything between Add-Content divs    

   ============================================== */



/* Main Div */
#add-content {
    width: 550px;
    margin: 0;
}

/* Define global margings on h2's and all P tags */
#add-content h2, p {
    margin: 5px 5px 10px 5px;
}

#add-content h2 {
    font-size: 18px;
}

/* Define P tags with individual attribues */
#add-content p.content {
    background-color: #204177;
    width: 150px;
    margin: 5px 5px 0px 5px;
    color: #FFFFFF;
}

#add-content p.desc {
    margin: 5px 5px 20px 5px;
}

#add-content p.title {
    background-color: #204177;
    width: 150px;
    margin: 5px 5px 0px 5px;
    color: #FFFFFF;
}

#add-content p.blocks {
    background-color: #204177;
    width: 150px;
    margin: 5px 5px 0px 5px;
    color: #FFFFFF;
}

#add-content p.pagetitle {
    background-color: #204177;
    width: 150px;
    margin: 5px 5px 0px 5px;
    color: #FFFFFF;
}

#add-content p.timeline {
    background-color: #204177;
    width: 150px;
    margin: 5px 5px 0px 5px;
    color: #FFFFFF;
}

#add-content p.dates {
    background-color: #204177;
    width: 150px;
    margin: 5px 5px 0px 5px;
    color: #FFFFFF;
}

#add-content p.navtitle {
    background-color: #204177;
    width: 150px;
    margin: 5px 5px 0px 5px;
    color: #FFFFFF;
}

#add-content p.files {
    background-color: #204177;
    width: 150px;
    margin: 5px 5px 0px 5px;
    color: #FFFFFF;
}

#add-content p.temp {
    background-color: #204177;
    width: 150px;
    margin: 5px 5px 0px 5px;
    color: #FFFFFF;
}

#add-content p.admin {
    background-color: #204177;
    width: 150px;
    margin: 5px 5px 0px 5px;
    color: #FFFFFF;
}

#add-content p.errors {
    background-color: green;
    width: 150px;
    margin: 5px 5px 0px 5px;
    color: #FFFFFF;
}

#add-content p.select {
    background-color: #204177;
    width: 150px;
    margin: 5px 5px 0px 5px;
    color: #FFFFFF;
}

#add-content p.preview {
    background-color: green;
    width: 150px;
    margin: 5px 5px 0px 5px;
    color: #FFFFFF;
}

#add-content p.categories {
    background-color: #204177;
    width: 150px;
    margin: 5px 5px 0px 5px;
    color: #FFFFFF;
}

#add-content p.settings {
    background-color: #204177;
    width: 150px;
    margin: 5px 5px 0px 5px;
    color: #FFFFFF;
}

/* Links with underline suck remove them */
#add-content a {
    text-decoration: none;
}

/* isn't used anymore */
#add-content .formitems, .button {
    margin: 0px 5px 20px 5px;
}


/* =========Inner blocks of the main div========= */

/* No float */
#add-content .block {
    border: 1px solid #999999;
    margin: 0px 5px 20px 5px;
    width: 100%;
}

/* float */
#add-content .blockfloat {
    border: 1px solid #999999;
    margin: 0px 5px 20px 5px;
    width: 100%;
    float:left;
}

/* ============================================== */


/* ===inner wrappers to block and blockfloat above=== */

/* wrappy poo but dont floaty poo */
#add-content .block-wrapper {
    margin: 10px;
}

/* wrappy poo and floaty poo */
#add-content .block-wrapperfloat {
    padding: 10px;
    float: left;
}

/* ================================================== */

/* =======inner wrappers individual attributes======= */

/* required block is not used anymore */ 
#add-content .block-wrapper .required {
    margin: 0px 0px 10px 5px;
}

#add-content .block-wrapper .required .rblock {
    width: 100px;
    background: #FF0033;
    color: #FFFFFF;
    font-weight: bold;
}

/* call this one with for miniblocks with input styles */
#add-content .block-wrapper .miniblock {
    margin: 5px 5px 5px 5px;
}

#add-content .block-wrapper .miniblock-remote {
    margin: 5px 5px 5px 0px;
    text-align: center;
}

/* call this one for miniblocks with no input styles */
#add-content .block-wrapper .miniblock-noinputstyle {
    margin: 5px 5px 5px 0px;
}

/* call this one for miniblocks for file upload page */
#add-content .block-wrapper .miniblock-fileupload {
    margin: 5px 5px 5px 0px;
}

/* call this one for floating with no input styles */
#add-content .block-wrapperfloat .miniblockfloat {
    width: 50%;
    padding: 5px 5px 5px 0px;
    float: left;
    border: 1px solid blue;
}

/* another one just in case i need a different float */
#add-content .block-wrapperfloat .miniblockfloat2 {
    width: 50%;
    padding: 5px 5px 5px 0px;
    float: left;
    border: 1px solid blue
}

/* style input fields for everything under miniblock */
#add-content .block-wrapper .miniblock input {
    height: 20px;
    width: 98%;
    font-size: 18px;
    font-weight: bold;
    padding: 5px;
    border: 1px solid #999999;
}

/* style certain tables under miniblock */
#add-content .block-wrapper .miniblock-noinputstyle .blocktable {
    border: 1px solid #f2f2f2;
}

#add-content .block-wrapper .miniblock-noinputstyle .blocktable-header {
     background: #CCCCCC;
     border: 1px solid #f2f2f2;
}

#add-content .block-wrapper .miniblock-noinputstyle .blocktable-rowdates:hover {
     background: #FFFFCC;
}

#add-content .block-wrapper .miniblock-noinputstyle .blocktable-row {
     height: 60px;
}

#add-content .block-wrapper .miniblock-noinputstyle .blocktable-row:hover {
     background: #FFFFCC;
     height: 60px;
}
    
/* for the file upload page */
#add-content .block-wrapper .miniblock-fileupload .file {
    font-size: 18px;
    padding: 5px;
    border: 1px solid #999999;
}

/* global button input class for input buttons */
#add-content .button input {
    padding: 7px;
    font-size: 14px;
}

/* yes no inputs on the delete and file delete pages */
#yesno input {
    padding: 5px;
    width: 100px;
}

/* green text and bigger green text */
.green {
 color: green;
}

.greentext {
    color: green;
    font-size: 14px;
}

.bluetext {
    color: blue;
    font-size: 14px;
}


/* The fly outs when you hover over the blocks */

#add-content .block-wrapper .miniblock-noinputstyle .thumbnail{
	position: relative;
	display: block;
	z-index: 0;
}

#add-content .block-wrapper .miniblock-noinputstyle a.thumbnail {
	text-decoration: none;
}

#add-content .block-wrapper .miniblock-noinputstyle .thumbnail p.show {
	z-index: 0;
}

#add-content .block-wrapper .miniblock-noinputstyle .thumbnail:hover{
	background-color: transparent;
	z-index: 50;
}
#add-content .block-wrapper .miniblock-noinputstyle .thumbnail span {
	position: absolute;
	background-color:#FFF;
	padding: 5px;
	margin-top: 30px;
	left: 0px;
	border: 1px solid #000; 
	visibility: hidden;
	color: black;
	text-decoration: none;
	width: 150px;
} 

#add-content .block-wrapper .miniblock-noinputstyle .thumbnail span p.show{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

#add-content .block-wrapper .miniblock-noinputstyle .thumbnail:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: 0;
	left: 60px; /*position where enlarged image should offset horizontally */
}


/* The Template Images that show up on the cms block add and edit page */
#add-content .template-img {
   width:150px;
   height:150px;
   border: 0;
   margin: 0;
   padding: 0;
}

#add-content .template-img#template1   {
   background: url('/tresources/en/images/cmsblocks/templates/template.png'); 
}

#add-content .template-img#template1:hover   {
   background: url('/tresources/en/images/cmsblocks/templates/setemplate.png'); 
}

#add-content .template-img#template2 {
   background: url('/tresources/en/images/cmsblocks/templates/template2cols.png');
}

#add-content .template-img#template2:hover {
   background: url('/tresources/en/images/cmsblocks/templates/setemplate2cols.png');
}

#add-content .template-img#template3 {
   background: url('/tresources/en/images/cmsblocks/templates/template2rows.png');
}

#add-content .template-img#template3:hover {
   background: url('/tresources/en/images/cmsblocks/templates/setemplate2rows.png');
}

#add-content .template-img#template4 {
   background: url('/tresources/en/images/cmsblocks/templates/template1col2rows.png');
}

#add-content .template-img#template4:hover {
   background: url('/tresources/en/images/cmsblocks/templates/setemplate1col2rows.png');
}

#add-content .template-img#template5 {
   background: url('/tresources/en/images/cmsblocks/templates/template1col2rows2.png');
}

#add-content .template-img#template5:hover {
   background: url('/tresources/en/images/cmsblocks/templates/setemplate1col2rows2.png');
}

#add-content .template-img#template6 {
   background: url('/tresources/en/images/cmsblocks/templates/template2cols2rows.png');
}

#add-content .template-img#template6:hover {
   background: url('/tresources/en/images/cmsblocks/templates/setemplate2cols2rows.png');
}

/* iconrow tooltip */

.imgTooltip
{
    font-weight: normal;
    font-size: 10px;
    font-family: Verdana;
    background : transparent url(/en/cmsblocks/images/pointer.gif) no-repeat scroll left bottom;
    padding-top: 3px;
    padding-bottom:7px;
    padding-left:3px;
    padding-right:3px;
    color:#FFFF99;
}