/* 
    Document   : template
    Created on : 1-Jun-2011, 1:22:35 PM
    Author     : jbenett
    Description: style sheet for custom templates in tinyMCE
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
p 
{
    
}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.quiet {color:#666;}
.loud 
{
    color:#000;
    font-weight: 700;
}
.highlight 
{
    background:#ff0;
}

/*template styles */
div.product-description, div.raised-box
{
    border:solid #ccc 1px;
    border-radius: 8px; 
    -moz-border-radius: 8px; 
    -webkit-border-radius: 8px;
    box-shadow: 2px 2px 2px #222;
    -moz-box-shadow: 2px 2px 2px #222;
    -webkit-box-shadow: 2px 2px 2px #222;
    background-color:#fffefe;
    padding:1em;
  
}
p.generic-three-column
{
        -moz-column-count: 3;
	-moz-column-gap: 20px;
	-webkit-column-count: 3;
	-webkit-column-gap: 20px;
	column-count: 3;
	column-gap: 20px;
}
p.generic-two-column
{
        -moz-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	column-count: 2;
	column-gap: 20px;
}

/* a fancy box with caption for images variations for left and right */
.template-content-box
{
    padding-top:.5em;
    padding-left:.8em;
    width:96%;   
    border:solid 1px;
    box-shadow: 2px 2px 2px #222;
    -moz-box-shadow: 2px 2px 2px #222;
    -webkit-box-shadow: 2px 2px 2px #222;
    display:table;
    margin-left:1em;
    margin-right:1em;
}

div.template-blue
{
   border-color:#642F89; 
   background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #ffffff 0%, #642f89 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(100%,#642f89)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #ffffff 0%,#642f89 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #ffffff 0%,#642f89 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #ffffff 0%,#642f89 100%); /* IE10+ */
background: linear-gradient(135deg,  #ffffff 0%,#642f89 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#642f89',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
div.template-green
{
    border-color:#5bdb4c;
    background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #ffffff 0%, #5bdb4c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(100%,#5bdb4c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #ffffff 0%,#5bdb4c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #ffffff 0%,#5bdb4c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #ffffff 0%,#5bdb4c 100%); /* IE10+ */
background: linear-gradient(135deg,  #ffffff 0%,#5bdb4c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#5bdb4c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
div.template-red
{
    border-color:#db584c;
    background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #ffffff 0%, #db584c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(100%,#db584c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #ffffff 0%,#db584c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #ffffff 0%,#db584c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #ffffff 0%,#db584c 100%); /* IE10+ */
background: linear-gradient(135deg,  #ffffff 0%,#db584c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#db584c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
div.template-grey
{
    border-color:grey;
/*    background-color:#f8f8f8;*/
    box-shadow: 1px 1px 3px #ccc;
background: rgb(255,255,255);
background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(204,204,204,1) 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(204,204,204,1)));
background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(204,204,204,1) 100%);
background: -o-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(204,204,204,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(204,204,204,1) 100%);
background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(204,204,204,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=1 ); 
}
div.template-image-content p
{
    display:inline-block;
    clear:none;
    padding:.3em;
    
    width:95%;
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px;
     box-shadow: 1px 1px 3px #000;
}
div.template-image-content p a
{
    color:inherit;
    text-decoration: none;
}
div.template-blue div div.template-image-content p
{
    background-color:#fefefe;
}
div.template-red div div.template-image-content p
{
   background-color:#fefefe; 
}
div.template-green div div.template-image-content p
{
    background-color:#fefefe;
}
 div.template-grey div div.template-image-content p
{
    
    background-color:#fefefe;
}

div.template-image-left
{
/*    float:left;*/
/*    margin-right:.8em;*/
}
div.template-image-right
{
/*    float:right;*/
/*    margin-left:.8em;*/
}

img.template-image
{
  -moz-box-shadow: 2px 2px 2px #222;
  -webkit-box-shadow: 2px 2px 2px #222;
  box-shadow: 2px 2px 2px #222;
  margin-bottom:.5em;
 display:block;
     margin-left:auto;
     margin-right:auto;

}
a img.template-image
{
    
}
h3.template-image-heading
{
/*    text-align: center;*/
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 24px;
    font-weight:700;
    color:#000;
    /*text-shadow: #000 1px 1px 1px;*/
    display:inline-block;
    margin-bottom:.2em;
    margin-top:.0em;
}
h3.template-image-heading a
{
    color:inherit;
    text-decoration: none;
}
div.template-image-content p,div.template-content-box p
{
/*    text-align: center;*/
    font-family: 'Trebuchet MS', sans-serif;
    font-size: 14px;
    margin-bottom: .5em;
    margin-right:1em;
}
div.template-content-box div.content-box
{
    width:96%;
    background:#fefefe;
    padding:.5em;
     box-shadow: 1px 1px 3px #000;
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px;
    margin-bottom:.6em;
}
div.template-image-container
{
    /*width:230px;*/
/*    display:table-column;*/
    /*display:inline;*/
   float:left;
   padding-right:10px;
}
div.template-text-container
{
/*    display:table-column;*/
    float:left;
    display:inline;
    width:500px;
}
/* table styles */

table
{
     border:solid #ccc 1px;
    box-shadow: 2px 2px 2px #222;
    -moz-box-shadow: 2px 2px 2px #222;
    -webkit-box-shadow: 2px 2px 2px #222;
}

table tr td.tableHeading
{
    border-bottom:1px #ccc solid;
    background-color:#efefef;
    font-weight:700;
}
table tr td.tableBodyAttributes
{
    border-bottom:1px #ccc solid;
    background-color:#fefefe;
    font-weight:700;
}
table tr td.tableBodyData
{
    border:1px #ccc solid;
    background-color:#fff;
}
/* photo gallery styles */
div.gallery_summary
{
    width:300px;
    height:150px;
    padding:5px;
    vertical-align:top;
    display:inline-block;
    border:solid #333 1px;
    padding-left:10px;
    margin-right:15px;
    box-shadow: 1px 1px 1px #222;
    -moz-box-shadow: 1px 1px 1px #222;
    -webkit-box-shadow: 1px 1px 1px #222;
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px;
    
}
div.gallery_summary div.gallery_summary_image
{
    float:left;
    margin-right:10px;
}
div.gallery_summary div.gallery_summary_description
{
    padding-top:1.5em;
    padding-bottom:1.5em;
}