*
{
 box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -khtml-box-sizing: border-box;
 -moz-box-sizing: border-box;
 font-family: 'Arial' , Arial , sans-serif;
 margin: 0px;
 padding: 0px;
}



/**
 * generic elements formatting
 */
a,
a:visited
{
 color: #e76025;
}
a:hover
{
 color: #ef926d;
}
a.nounderline
{
 text-decoration: none;
}
body
{
 background: #ffffff url(./img/bgBody.jpg) repeat-y center top fixed;
 border: 0px;
 margin: 0px;
 font-size: 12px;
 text-align: center;
 padding: 0px;
}
button.btnSubmit
{
 background: #ffffff;
 border: 0px none;
 cursor: pointer;
}
h1
{
 color: #e76025;
 font-size: 20px;
}
h2
{
 font-size: 16px;
 padding: 8px 0px;
}
h6
{
 color: #e76025;
 font-size: 12px;
 padding: 6px 0px;
}
img
{
 border: 0px none;
 vertical-align: bottom;
}
p
{
 line-height: 150%;
 padding-bottom: 10px;
}
p.highlight
{
 color: #e76025;
}
ul
{
 margin-left: 30px;
}
ul li
{
 list-style-type: square;
}

 
/**
 * page layout
 */
div.design-body
{
 margin: 0px auto;
 padding: 40px 0px;
 position: relative;
 text-align: left;
 width: 970px;
}
div.design-footer
{
 background: #bfc1c0;
 height: 40px;
 text-align: center;
}
div.design-header
{
 background: #272425;
 height: 200px;
 margin-bottom: 0px;
 text-align: center;
}
div.design-main
{
 margin-bottom: 15px;
}
div.design-menu-bottom
{
 margin-bottom: 15px;
}
div.outer
{
 border-color: #272425;
 border-style: solid;
 border-width: 0px 6px 6px 6px;
 background: #ffffff;
 padding: 2px;
}
div.inner
{
 border: #272425 2px solid;
 background: #ffffff;
 padding: 10px;
}
div.hr
{
 background: #272425;
 font-size: 0px;
 height: 2px;
 line-height: 0px;
 margin: 10px 0px;
}



/**
 * columns
 */
div.col465
{
 float: left;
 width: 465px;
}
div.col310
{
 float: left;
 width: 310px;
}
div.col620
{
 float: left;
 width: 620px;
}
div.withBg
{
 background: url(./img/bgColsContainer3.png) repeat-y left top;
}



/**
 * msgs
 */
div.emsgContainer,
div.imsgContainer
{

}
div.emsg
{
 background: #aa0000;
 border: #ff0000 3px solid;
 color: #ffffff;
 margin: 10px 100px;
 padding: 5px 0px;
}
div.imsg
{
 background: #00aa00 url(./img/imsg-bg.gif) no-repeat 99% 50%;
 border: #00ff00 3px solid;
 color: #ffffff;
 margin: 10px 100px;
 min-height: 48px;
 padding: 5px 0px;
}
div.emsg p,
div.imsg p
{
 padding: 5px 10px;
 text-align: left;
}



div.item-header
{
 height: 160px;
}
div.item-preview
{
 height: 320px;
 position: relative;
 text-align: center;
 width: 290px;
}
div.item-preview img
{
 left: 0px;
 position: absolute;
 top: 0px;
}
div.avatarNotSelected
{
 background: url(./img/bgNoAvatar.png) no-repeat center;
}
div.transparentNotSelected
{
 background: url(./img/bgNoTransparent.png) no-repeat center;
}
div.item-selector
{
 xbackground: blue;
 xheight: 71px;
}
div.hints
{
 color: #e76025;
 line-height: 125%;
 padding: 5px 0px;
}
div.home
{
 font-size: 14px;
}
div.home p
{
 padding-bottom: 20px;
}
div.home p.highlight
{
 font-size: 150%;
 font-weight: normal;
}
div.tips ul
{
 margin-left: 30px;
}
div.tips ul li
{
 list-style-type: square;
}



/**
 * registration
 */
#registration
{
 height: 290px;
 width: 290px;
}



/**
 * login
 */
div.login
{
 background: url(./img/userLoginBg.png) no-repeat left top;
 height: 87px;
 padding: 44px 2px 2px 2px;
 width: 290px;
}
div.admin
{
 background: url(./img/adminLoginBg.png) no-repeat left top;
}
div.login div.td1
{
 float: left;
 padding: 10px 5px 10px 10px;
 width: 121px;
}
div.login div.td2
{
 float: left;
 padding: 10px 10px 10px 5px;
 width: 121px;
}
div.login div.td3
{
 float: right;
 padding: 0px;
 width: 41px;
}
div.login input
{
 border: 0px;
 line-height: 20px;
 margin: 0px;
 padding: 0px;
 width: 100%;
 height: 20px;
}
div.login button.btnSubmit
{
 background: #272425;
 height: 41px;
 width: 41px;
}



/**
 * logout
 */
div.logout
{
 background: url(./img/userLogoutBg.png) no-repeat left top;
 height: 87px;
 padding: 44px 1px 1px 247px;
}
div.logout button.btnSubmit
{
 background: #272425;
 height: 41px;
 width: 41px;
}



/**
 * calednar
 */
#calendar
{
 height: 290px;
 margin-bottom: 8px;
 width: 290px;
}


/**
 * demonstration start counter
 */
#demoStartCounter
{
 background: url(./img/demoStartCounterTitle.png) no-repeat left top;
 padding: 32px 0px 0px 0px;
}
#demoStartCounter img
{
 xfloat: left;
 margin: 0px;
}


/**
 * users counter
 */
#usersCounter
{
 display: none;
 background: #ffffff;
 border-color: #cc2229;
 border-style: solid;
 border-width: 0px 2px 2px 2px;
 font-size: 12px;
 font-weight: bold;
 left: 350px;
 padding: 2px 10px 5px 10px;
 position: absolute;
 top: 0px;
}
#usersCounter span.highlight
{
 color: #cc2229;
 font-size: 150%;
}
#usersCounterBottom
{
 background: url(./img/userCounterBottom.png) no-repeat left top;
 color: #ffffff;
 font-size: 90px;
 font-weight: bold;
 height: 290px;
 margin-bottom: 8px;
 padding-top: 175px;
 text-align: center;
 width: 290px;
}



/**
 * photos
 */
img.photoThumb
{
 height: 217px;
 margin-bottom: 20px;
 width: 290px;
}



/**
 * forms
 */
div.form-label
{
 font-weight: bold;
 padding-bottom: 4px;
}
div.form-field
{
 padding-bottom: 12px;
}
table.tab-form td
{
 padding: 2px;
 font-size: 12px;
 text-align: left;
}
.i1
{
 font-family: 'Arial' , Arial , sans-serif;
 font-size: 12px;
}



/**
 * menus
 */
div.menuCrumbs ul
{
 margin-left: 0px;
}
div.menuCrumbs ul li
{
 background: url(./img/menuCrumbsLi.png) no-repeat 0px 3px;
 float: left;
 list-style-type: none;
 padding: 0px 6px 0px 10px;
}
div.menuCrumbs a,
div.menuCrumbs a:visited
{
 color: #cc2229;
 text-decoration: none;
}
div.menuCrumbs a:hover
{
 color: #e45a60;
 text-decoration: underline;
}



/**
 * tables
 */
table.tab-1
{
 background: #000000;
}
table.tab-1 td
{
 background: #ffffff;
 padding: 2px 10px;
}
table.tab-1 td.heading
{
 font-weight: bold;
 text-align: center;
}
table.toApprove td.heading
{
 background: #aaaaaa;
 border: 1px #cccccc solid;
}
table.toApprove td
{
 background: #cccccc;
 border: 1px #eeeeee solid;
}
table.approved td.heading
{
 background: #aaffaa;
 border: 1px #ccffcc solid;
}
table.approved td
{
 background: #ccffcc;
}
table.refused td.heading
{
 background: #ffaaaa;
 border: 1px #ffcccc solid;
}
table.refused td
{
 background: #ffcccc;
}



/**
 * transparent states
 */
p.toApprove
{
 background: #eeeeee;
 border: 1px #cccccc solid;
 padding: 10px;
}
p.approved
{
 background: #eeffee;
 border: 1px #ccffcc solid;
 padding: 10px;
}
p.refused
{
 background: #ffeeee;
 border: 1px #ffcccc solid;
 padding: 10px;
}


/**
 * common classes
 */
img.floatL { padding-right: 10px; }
img.floatR { padding-left: 10px; }

*.alignL { text-align: left; }
*.alignC { text-align: center; }
*.alignR { text-align: right; }
*.floatL { float: left; }
*.floatR { float: right; }
*.clear { clear: both; }

*.mb20 { margin-bottom: 20px; }

*.pad10 { padding: 10px; }

*.h50 { height: 50px; }
*.h100 { height: 100px; }
*.h150 { height: 150px; }
*.h200 { height: 200px; }
*.h100p { height: 100%; }

*.w50p { width: 50%; }
*.w100p { width: 100%; }
*.w120 { width: 120px; }
*.w140 { width: 140px; }
*.w150 { width: 150px; }
*.w500 { width: 500px; }

*.bold { font-weight: bold; }
*.red { color: #ff0000; }


/**
 * facebook wall post preview
 */
.fb-box
{
 background-color: #edeff4;
 border: 1px solid #d8dfea;
}
.fb-box h2
{
 color: #3b5998;
}