/*Global*/
UNKNOWN { FONT-FAMILY: Arial, Helvetica, sans-serif; }
a, a:active { font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-decoration:none; color:#BFBFBF; }
a:link { font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-decoration:none; color:#999999; }
a:hover { font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-decoration:underline; color:#000000; }
a:visited { font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-decoration:none; color:#999999; }
a:visited:hover { font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-decoration:underline; color:#000000; }
a img {
border: none;
text-decoration: none;
}
body { margin:0,0,0,0; background:#FFFFFF; border-width:0px; cursor:normal;  font-family:Arial, Helvetica, sans-serif; 
       font-style:normal; font-size:11px; color:#797A7A; text-decoration:none; padding:0px; scrollbar-base-color:#FFFFFF;
       scrollbar-face-color:#FFFFFF; scrollbar-shadow-color:#999999; scrollbar-darkshadow-color:#FFFFFF;
       scrollbar-highlight-color:#999999; scrollbar-arrow-color:#999999; scrollbar-3dlight-color:#FFFFFF;  
       scrollbar-track-color:#FFFFFF; }
hr { height: 1px;  margin: 1em auto; background-color: #DDD; color: #DDD; border: none; }
hr.divider { margin: 0; background-color: #EEE; color: #EEE; }
td { font-family: Arial, Helvetica, sans-serif; font-weight:normal; font-style:normal; }
text { border-style: solid; border-color: #DDEAEA; }
.bottomlink { font:bold 11px Arial, Helvetica, sans-serif; color:#999999; }
.bottomlink a { color:#999999; }
.bottomlink a:hover { color:#000000; }
.toplink { font:bold 10px Arial, Helvetica, sans-serif; }
.wrap { background-color:white; border-width:1px; border-color:white; border-style:solid; }
label { display:block; font:bold 11px Arial, Helvetica, sans-serif;color:#797A7A;}
fieldset input.text { margin-bottom:12px; width:75%; padding: .4em; }
fieldset { padding:0; border:0; margin-top:25px; }
.validateTips { border: 1px solid transparent; padding: 0.3em; color:#CC3333; }
/*Sidebar*/
.linksmenu { font-size:11px; font-weight:normal; }
.linksmenuon { font-size:11px; font-weight:normal; color:#FF9900; }

/*MainMenu*/
#mainmenu { font:bold 11px Arial, Helvetica, sans-serif; text-decoration:none; color:#999999; padding:2px; }
#mainmenu:hover { FONT-SIZE:8pt; CURSOR:hand; COLOR:#FF9900; LINE-HEIGHT:10.5pt; FONT-FAMILY:Arial, Helvetica, sans-serif;
                  text-decoration:underline; BACKGROUND-COLOR:transparent; }
#mouseoverstyle { background-color:#FFFFFF; }
#mouseoverstyle a { font-style:italic; color:#8080C0; }
#mainspecial { font-family:Arial, Helvetica, sans-serif; color:#FF0000; font-size:10px; }
.menuskin { position:absolute; right:1; top:1; width:180px; background-color:#FFFFFF; border:0px #FFFFFF;
            font:bold 8px Arial, Helvetica, sans-serif; line-height:18px; z-index:100; visibility:hidden; }
.menuskin a { text-decoration:none; color:#666666; padding-left:0px; padding-right:0px; }
.popbox { background-color:#FFFFFF !important; text-align:left !important; font-size:11px !important;
          font-weight:bold !important; }
.poplink { background-color:#FFFFFF !important; text-align:left !important; font-size:11px !important;
           font-weight:bold !important; }

/*Content Learn*/
.learntitle { font:bold 22px Arial, Helvetica, sans-serif; letter-spacing:5px; }
.learnsubtitle { font:normal 10px Arial, Helvetica, sans-serif; letter-spacing:1px; word-spacing:3px; }

.prodSubTitle { font:normal 10px Arial, Helvetica, sans-serif; 
                letter-spacing:1px; 
                word-spacing:3px;
                text-transform:uppercase; }
                
.mkTitle { font:bold 17px Arial, Helvetica, sans-serif; 
                color:#111111;
                letter-spacing:1px; 
                word-spacing:3px;
                text-transform:uppercase; }                
/*Contest*/
.contest { font:bold 12px Arial, Helvetica, sans-serif; }

/*Content Shop*/
.proddetail { text-align:justify; /* text-justify:distribute-all-lines; */
              font-size:11px; color:#666666; }
.prodorder { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#999999; }
.prodtext { font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#999999; }
.readingtext { text-align:justify; /* text-justify:distribute-all-lines; */
               font-size:12px; color:#666666; }
.browse-products {
	float:left;
    list-style-type: none;
    padding: 0;
	width:584px;
	margin: 0px;
}
.sale-prods{
	width:625px; 
}
.mykolo-loadedalbums{
	width:800px; 
}
.mykolo-photobook{
	width:800px; 
}
.browse-products li {
    display: inline-block;
    float: left;
    padding-bottom: 6px;
    padding-right: 6px;
}
.sale-prods li{
	width:110px; 
	min-height:200px;
	padding-right: 15px;
}
.mykolo-loadedalbums li{
	width:185px; 
	padding-right: 15px;
}
.mykolo-photobook li{
	width:225px; 
	padding-right: 15px;
}
.social-icons{
	height: 20px;
    position: relative;
    width: 310px; 
}

/*Search Box*/
input, select { font: 12px Arial, Helvetica, sans-serif; }
input.field { background-color: #FFFFFF; border: 1px inset #708090; }
input.submit { background-color: #EEEEEE; border: 1px outset #708090; }
input.field:hover, input.field:focus, input.submit:hover, select:hover, select:focus { background-color: #F5F5F5 }
input.submit:focus { border: 1px inset #708090; }
.search { font:bold 10px Arial, Helvetica, sans-serif; color:#999999; }
.searchinput { border-style:ridge; border-color:#BFBFBF; font: bold 10px; 
               font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; background-color:#ffffff; 
               text-decoration:none; }
.searchgo { border-style:solid; border-color:#BFBFBF; font: bold 9px; 
            font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#BFBFBF; 
            text-decoration:none; }
.searchinputsm { border-style:ridge; border-color:#BFBFBF; font:bold 8px; 
                 font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; background-color:#ffffff; 
                 text-decoration:none;}
.searchgosm { border-style:solid; border-color:#BFBFBF;  font:bold 7px; 
              font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#BFBFBF; 
              text-decoration:none; }
    
a.coloredA
{
    color:#5b9b98;
    font-weight:bold;
} 
a:hover.coloredA
{
    color:#5b9b98;
    font-weight:bold;
    text-decoration:underline;
}
             
.SmallDesc
{ 
    font-size:10px;
    font-family: Arial, Helvetica, sans-serif;
    line-height:12px;
    
}

.SideMenu
{
    font-family:Verdana, Arial, Helvetica, sans-serif; 
    font-size:15px;
    color:#FFFFFF;
    cursor: pointer;
    text-align:center;
    width:199px;
    height:30px;
}

.wrapper 
{
    position:relative; 
    margin:0 auto; 
    text-align:left; 
    width:764px; 
    top: 5px; 
}

.menu 
{   z-index: 1; 
    float:left;  
}

.bottomborder {
border-bottom: 1px solid #CECECE;
} 

.topborder {
border-top: 1px solid #CECECE;
} 

.MidBox
{    
     background-color: #E1E6E1;
     border-collapse: collapse;
     border-bottom: solid 1px;
     border-top: solid 1px;
     border-right: solid 1px;
     border-left: solid 1px;
     border-color:#CCCCCC;
     
}
.DrawBrownBox
{    
     border-collapse: collapse;
     border-bottom: solid 1px;
     border-top: solid 1px;
     border-right: solid 1px;
     border-left: solid 1px;
     border-color:#4a3c30; 
}

.DrawBox, table.DrawBox, tr.DrawBox td
{    
     border-collapse: collapse;
     border-bottom: solid 1px;
     border-top: solid 1px;
     border-right: solid 1px;
     border-left: solid 1px;
     border-color:#797a7a; 
}

.DrawLine
{
     border: 0;
     background: #FFFFFF; 
     height: 1px;
}

.button
{    
     background-color: #7B7B7B;
     border-collapse: collapse;
     border-bottom: solid 1px;
     border-top: solid 1px;
     border-right: solid 1px;
     border-left: solid 1px;
     border-color:#7B7B7B;
     color: white;
     font-size:9px;
     font-weight: bold;
     text-transform: UPPERCASE;
     cursor: pointer;
}
.button:hover
{
font-weight: bold;
}

.pageDimmer {
	background: #000;
	position: absolute;
	top: 0px;
	left: 0px;
	visibility: hidden;
	z-index: 100;
	opacity: 0.50;
    -moz-opacity:0.50;
    filter: alpha(opacity=50);	
}

.tabs { 
  cursor: pointer;
  background-image: url(/images/share/flapbg.gif);
  float: left;
  padding: 2px;
  padding-left: 13px;
  padding-right: 7px;
  width: 100px;
  height: 10px;
}

.block {
  border: solid 1px #60634E;
  margin-top: -3px;
  padding-left: 10px;
  height:156px;
  
}


    /*border-bottom: solid 1px;
    border-top: solid 1px;
    border-right: solid 1px;
    border-left: solid 1px;*/


#editBlock {
	visibility: hidden;
	position: absolute;
	/**top:	0px;**/
	background-color: #E1E6E1;
	border: solid 1px;
	border-color:#CCCCCC;
	z-index: 159;
	
}
#editHeader
{
    background-color: #E1E6E1;
 /*  border-collapse: collapse;
     border-bottom: solid 1px;
     border-top: solid 1px;
     border-right: solid 1px;
     border-left: solid 1px;
     border-color:#CCCCCC; */
}
TR.EvenRow
{
    BACKGROUND-COLOR: beige
}
TR.HeadingDetail TD
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #666666;
    BACKGROUND-COLOR: #e1e6e1;
}

TABLE.clsDrawBox
{
    BORDER-RIGHT: #e1e6e1 1px solid;
    BORDER-TOP: #e1e6e1 1px solid;
    BORDER-LEFT: #e1e6e1 1px solid;
    BORDER-BOTTOM: #e1e6e1 1px solid
}
TABLE.clsDrawBox TR.EvenRow
{
    FONT-SIZE: 8pt;
    BACKGROUND-COLOR: beige;
}
TABLE.clsDrawBox TR.EvenRow TD
{
    BACKGROUND-COLOR: beige;
}
TABLE.clsDrawBox TR.HeadingDetail
{
}
TABLE.clsDrawBox TR.HeadingDetail TD
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #666666;
    BACKGROUND-COLOR: #e1e6e1;
}