/*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*
*					Components
*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*/

/* absolute positioned items within relative container */
div.absolute-area {
	position: relative;
}

div.absolute-area > div.item { position: absolute; }
div.absolute-area > div.top-left { top:0px; left:0px; }
div.absolute-area > div.top-right { top:0px; right:0px; }
div.absolute-area > div.bottom-right { bottom:0px; right:0px; }
div.absolute-area > div.bottom-left { bottom:0px; left:0px; }

div.absolute-area > div.bottom-snap { bottom:0px; left:0; right:0;}
div.absolute-area > div.left-snap { left:0; top:0; bottom:0;}
div.absolute-area > div.top-snap { top:0px; left:0; right:0;}
div.absolute-area > div.right-snap { right:0; top:0; bottom:0;}

div.absolute-area > div.bottom { bottom:0px;}
div.absolute-area > div.left { left:0;}
div.absolute-area > div.top { top:0px;}
div.absolute-area > div.right { right:0;}

div.columns {padding:0.5em;overflow: hidden;}
* HTML div.columns {height:100%;}
div.column-left {float:left;width:49%;}
div.column-right {float:right;width:49%;}
div.column-1-2 {float:left;width:49%;}
div.column-1-3 {float:left;width:33%;}
div.column-2-3 {float:left;width:66%;}
div.column-1-4 {float:left;width:25%;}
div.column-2-4 {float:left;width:50%;}
div.column-3-4 {float:left;width:75%;}

div.auto-columns {
	overflow: hidden;
}
* HTML div.auto-columns {height:100%;}

div.auto-columns > div.column {
	width: 275px;
	float:left;
}

/* Thumb list */

div.thumbs {
	padding-bottom:5px;
}

* HTML div.thumbs {height: 100%;}

div.thumbs > div.thumb {
	float:left;
	margin-left:5px;
	margin-top:5px;
}

div.thumbs.medium > div.thumb {
	margin-left:10px;
	margin-top:10px;
}

div.thumbs > div.thumb > div.photo img {
	border: solid 1px #777;
}

div.thumbs > div.thumb > div.photo {
	width:100px;
	height:100px;
}

div.thumbs > div.thumb > div.descr {
	font-size:10px;
}

div.thumbs.shadows > div.thumb > div.photo {
	box-shadow:2px 2px 5px #000;	-moz-box-shadow:2px 2px 5px #000;	-khtml-box-shadow:2px 2px 5px #000;	-webkit-box-shadow:2px 2px 5px #000;
	width: 100px;
	height:100px;
}

div.thumbs.shadows > div.selected > div.photo {
	box-shadow:2px 2px 5px #ff6000;	-moz-box-shadow:2px 2px 5px #ff6000;	-khtml-box-shadow:2px 2px 5px #ff6000	-webkit-box-shadow:2px 2px 5px #ff6000;
}

div.thumbs.shadows > div.selected > div.photo img {
	border-color:#ff6000;
}

div.thumbs.borders > div.thumb {
	border: solid 1px #eee;
}

div.thumbs.borders > div.thumb > div.photo {
	margin-left:5px;
	margin-top:5px;
	width:105px;
	height:105px;
}

div.thumbs.borders > div.thumb > div.descr {
	margin-left:5px;
}

div.thumbs.medium > div.thumb > div.photo {
	width:200px;
	height:200px
}

div.thumbs.shadows.medium > div.thumb > div.photo {
	width: 200px;
	height:200px;
}

div.thumbs.shadows.medium > div.selected > div.photo {
	background: url('../img/photo_shadow_200px_on.png') no-repeat 1px 1px;
}



/* Item list with Photo */

div.item-list {}

div.item-list > div.item {
	border-bottom:dotted 1px #ccc;
	margin-bottom:1em;
}

* HTML div.item-list > div.item {height:100%;}

div.item-list > div.item > div.photo {
	float:left;
	width:110px;
	height:110px;
}

div.item-list > div.item > div.descr {
	margin-left:120px;
}

div.item-list.medium > div.item > div.descr {
	margin-left:220px;
}

div.item-list.shadows > div.item > div.photo {
	background:url('../img/photo_shadow_100px.png') no-repeat 0 0;
}

div.item-list > div.item > div.photo img {
	border:solid 1px #ccc;
}

div.item-list > div.item > div.content {
	margin-left:120px;
	overflow: hidden;
}

div.item-list > div.item > div.summary {
	clear:both;
	padding:0.5em;
	text-align:right;
}

div.item-list > div.item > div.top-info {
	text-align:right;
	font-size:11px;
	padding-top:0;
}

/* Toolbar in item-list summary */
div.item-list > div.item > div.summary div.toolbar {
	border-top: none;
	border-left: none;
	border-right: none;
   	-webkit-border-radius: 0 0 5px 5px;
   	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}

/* Item-list Medium thumbs */
div.item-list.medium > div.item > div.photo {
	width:220px;
	height:220px;
}

div.item-list.medium.shadows > div.item > div.photo {
	background:url('../img/photo_shadow_200px.png') no-repeat 0 0;
}

div.item-list.medium > div.item > div.item-content {
	margin-left:235px;
}


/*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*
*					Layout
*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*.*/

div.whole-center {
	margin-left:auto;
	margin-right:auto;
	margin-top:0.5em;
	width:1100px;
	min-height: 600px;
}

div.whole-dynamic {
	width:96%;
	min-width:900px;
	min-height: 600px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0.5em;
}

/* Site Top */

div.top-area {
	width:100%;
	height:120px;
}

/* Site Content */

/* Container */
div.container {}
div.container.main {min-height:480px;}

div.spacer {padding:0.5em;}

div.indent {padding:0 0.5em;}

/* Container Group */

div.group {clear: both;	overflow: hidden;margin-bottom: 1em;}
div.group.marked, div.group.titled {
	background: #FAFAFA;
	border:solid 1px #C0C0C0;
   	-webkit-border-radius: 5px;
   	-moz-border-radius: 5px;
	border-radius: 5px;
}

div.group.highlight {
	background: #FFF4BB;
	border:solid 1px #FF8000;
   	-webkit-border-radius: 5px;
   	-moz-border-radius: 5px;
	border-radius: 5px;
}

* HTML div.group {height: 100%;}

div.group.titled {}

div.group > .title {
	font-size:12px;
	font-weight: bold;
	padding-left:0.5em 0;
}

div.group.titled > .title {
  background-color: #ededed;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#d7d7d7)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #ededed, #d7d7d7); /* Chrome 10+, Saf5.1+ */
  background-image:    -moz-linear-gradient(top, #ededed, #d7d7d7); /* FF3.6 */
  background-image:     -ms-linear-gradient(top, #ededed, #d7d7d7); /* IE10 */
  background-image:      -o-linear-gradient(top, #ededed, #d7d7d7); /* Opera 11.10+ */
  background-image:         linear-gradient(top, #ededed, #d7d7d7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ededed', EndColorStr='#d7d7d7'); /* IE6?IE9 */
	padding-left:0.5em;
}