/* Reserviläisliitto CSS Document 09/2010 */

@import url("eventcal.css");
@import url("eventcalendar.css");
@import url("blog.css");
@import url("webstore.css");

* {
	margin:0px;
	padding:0px;
}

body {
	margin:0;
	padding:0;
	background:url(../../images/2010/background.jpg) no-repeat top center #FFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

a,
a:link,
a:visited,
a:hover,
a:active {
	color:#2F8FD5;
}

.content img {
	margin:10px;
}

.content img[align="left"] {
	margin-left:0px;
}
	
.content img[align="right"] {
	margin-right:0px;
}

.poll_answer img {
	margin:1px;
}

.eventconfirm_item td input[type="checkbox"] {
	margin-right: 10px;
}

.content ul,
.content ol {
	margin-top: 10px;
}

.float {
	float:left;
}

.clear {
	clear:both;
}

.notpublic {
	color:#FF0000;
}

img {
	border:none;
}

.spacer {
	height:1px;
}

/* containers */

div#container {
	width:1001px;
	margin:0 auto;
	padding:0;
}

div.leftcontainer {
	width:899px;
	float:left;
}

div.rightcontainer {
	width:92px;
	margin-left:0px;
	float:right;
    margin-right:10px;
}

/* content containers */

div.frontpage {
	width:883px;
	padding-bottom:10px;
	margin:0 0 0 8px;
	background:url(../../images/2010/frontpage_bg.jpg) repeat-y center;
	float:left;
}

div.default {
	width:883px;
	padding-bottom:10px;
	margin:0 0 0 8px;
	background:#FFF;
	float:left;
}

div.wide {
	width:883px;
	padding-bottom:10px;
	margin:0 0 0 8px;
	background:#FFF;
	float:left;
}

div.header {
	width:899px;
	background:url(../../images/2010/varjo_top.png) no-repeat top center;
	margin:0 auto;
	height:10px;
}

div.header .topspace {
	width:883px;
	margin:0 auto;
	padding:0;
	background:#FFF;
	height:10px;
}

div.middle {
	width:899px;
	background:url(../../images/2010/varjo_mid.png) repeat-y;
	margin:0 auto;
	float:left;
}

div.bottom {
	width:899px;
	background:url(../../images/2010/varjo_bot.png) no-repeat bottom center;
	margin:0 auto 20px auto;
	float:left;
	height:10px;
}

div.leftmargin {
	width:222px;
	float:left;
	margin-left:7px;
}

div.centermargin {
	width:365px;
	margin-left:7px;
	float:left;
}

div.rightmargin {
	width:271px;
	margin-left:6px;
	float:left;
}

div.wide .mainblock {
	width:631px;
	float:left;	
	margin-left:16px;
}

div.default .mainblock {
	width:407px;
	margin-left:16px;
	float:left;
}

.mainblock .blockquote  {
	clear: both;
}

div.mainblock_rightinfo {
	width:187px;
	font-size:11px;
	float:left;
	min-height:200px;
	margin-left:16px;
}

div.mainblock_rightinfo .content {
	background:url(../../images/2010/gradient_right.jpg) repeat-x top;
	width:187px;
	padding:10px;
}

div.mainblock_rightinfo .content h1 {
	font-size: 16px;
}
/* navigation */

div.navi {
	width:899px;
	margin:30px auto 3px 5px;
}

div.navi .horbar {
	width:883px;
	margin:0 auto 0 7px;
	font-size:13px;
}

div.navi .horbaritemselected {
	background:url(../../images/2010/horbaritemselected_left.gif) no-repeat top left;
	padding:3px 0 3px 0px;
	display:inline;
	margin-right:0px;
    margin-left:-5px;
}

div.navi .horbaritemselected a {
	background:url(../../images/2010/horbaritemselected_right.gif) no-repeat top right;
	margin-left:10px;
	padding: 3px 10px 3px 0px;
	color:#000;
	text-decoration:none;
}

div.navi .horbaritem  {
	background:url(../../images/2010/horbaritem_left.gif) no-repeat top left;
	padding:3px 0 3px 0px;
	display:inline;
    margin-left:-5px;
	margin-right:0px;
}

div.navi .horbaritem a {
	background:url(../../images/2010/horbaritem_right.gif) no-repeat top right;
	margin-left:10px;
	padding: 3px 10px 3px 0px;
	color:#FFF;
	text-decoration:none;
}

div.navi a:hover {
	text-decoration:underline;
}

/* langmenu etc */

div.langmenu {
	margin-top:50px;
	background:url(../../images/2010/langmenu_bg.png);
	font-size:11px;
	width:92px;
}

div.langmenu ul {
	padding:5px 0 5px 20px;
	margin:0;
}

div.langmenu ul li {
	padding-left:0;
	list-style-type:none;
	margin:0 0 5px 0;
	list-style-image:url(../../images/2010/green_square.jpg);
}

div.langmenu ul li a {
	color:#FFF;
	text-decoration:none;
}

div.langmenu ul li a:hover {
	text-decoration:underline;
}

div.fontsize {
	margin-top:10px;
	background:url(../../images/2010/langmenu_bg.png);
	width:92px;
	text-align:center;
	padding:5px 0 5px 0;
}

/* logo */

div.logo {
	width:220px;
	text-align:center;
}

div.logo img {
	margin:0;
}

/* search */

div.search {
	margin:-5px 0 0 0;
	padding-bottom:10px;
	padding-top:10px;
    width:221px;
	background:url(../../images/2010/logo_gradient.jpg) repeat-x top #FFF;
}

div.search input.searchinput {
	border:1px solid #7bb5d9;
	background:#eef5fb;
	height:17px;
	width:150px;
	padding-left:3px;
	color:#808080;
	padding-top:3px;
}

div.search input.searchsubmit {
	background:url(../../images/2010/searchsubmit.gif) no-repeat;
	border:none;
	width:41px;
	margin-left:0px;
	margin-bottom:-2px;
	height:22px;
	color:#FFF;
}

/* title bar */

div.title {
	background:url(../../images/2010/title_bar_bg.jpg) repeat-x;
	color:#FFF;
	font-size:18px;
	width:210px;
	height:28px;
	padding-top:10px;
	padding-left:10px;
	margin-bottom:0;
}

/* frontpage current topics */

div.leftmargin .ajankohtaista {
	width:220px;
	margin:10px 0 0px 0;
}

div.ajankohtaista .content {
	background:url(../../images/2010/small_gradient.jpg) repeat-x top;
}

div.ajankohtaista .content a {
	color:#2f8fd5;
	text-decoration:underline;
}

div.image {
	margin: 0 0 10px 0;
}

/* content typography */

.content h1 {
	padding:0;
	margin:0 0 10px;
	font-size:24px;
	color:#0a3892;
	line-height:20px;
	font-weight:normal;
}

.content h2 {
	padding:0;
	margin:0 0 10px;
	font-size:14px;
	color:#0a3892;
	line-height:15px;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.content h3 {
	padding:0;
	margin:0 0 10px;
	font-size:11px;
	color:#0a3892;
	line-height:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.content_image_caption {
	font-size:11px;
	color:#777;
	text-align:center;
	margin:0 0 10px;
}

.mainblock .content,.mainblock .content p {
	font-size:12px;
	color:#3e3a3a;
	line-height:15px;
}

.mainblock_rightinfo .content,.mainblock_rightinfo .content p {
	font-size:11px;
	color:#3e3a3a;
	line-height:15px;
}

.mainblock .content p,.mainblock_rightinfo .content p {
	margin-bottom:10px;
}

.mainblock .content ul,.mainblock_rightinfo .content ul,
.mainblock .content ol,.mainblock_rightinfo .content ol {
	padding:0;
	margin-left:30px;
	margin-bottom: 10px;
}

.mainblock .content ul li,.mainblock_rightinfo .content ul li {
	list-style-type:square;
	font-size:11px;
	margin-bottom:3px;
}

.mainblock .content #tabheader ul li{
	list-style-type:none;
}

.mainblock .content a,.mainblock_rightinfo .content a {
	color:#0a3892;
	text-decoration:underline;
}

.mainblock .content a:hover,.mainblock_rightinfo .content a:hover {
	color: #0A3892;
	text-decoration:none;
}

.frontpage .centermargin .centercontent .content {
	padding:0 0 0 10px;
	font-size:12px;
	line-height:16px;
	color:#3c4047;
}

.frontpage .centermargin .centercontent .content a {
	background:url(../../images/2010/arrow_blue.jpg) no-repeat left center #c6e5fe;
	color:#3c4047;
	text-decoration:none;
	padding:2px 3px 2px 18px;
	font-size:11px;
}

.frontpage .centermargin .centercontent .content a:hover {
	text-decoration:underline;
}

div.ajankohtaista .content {
	font-size:11px;
	color:#3c4047;
	line-height:16px;
	padding:10px 0 5px 10px;
}

/* poll */

div.poll {
	background:#f4faff;
	border-top:1px solid #6caee3;
	border-bottom:1px solid #6caee3;
	font-size:11px;
	padding:10px 10px 15px 10px;
	width:343px;
}

div.poll .question {
	margin:0 0 15px 0;
	color:#3c4047;
	line-height:16px;
}

div.poll .poll_answer {
	background:url(../../images/2010/pollbutton.jpg) repeat-x;
	padding:5px;
	margin:5px 5px 5px 0;
	display: table;
	height: 16px;
	line-height: 14px;
}

.poll_answertitle {
	margin-top: 5px;
}

div.poll .poll_answer a {
	color:#FFF;
	height:25px;
	font-size:12px;
	text-decoration:none;
	padding:8px;
}

div.poll .poll_answer a:hover {
	text-decoration:underline;
	color:#FFF;
}

div.query .poll .poll_answer img {
	margin-bottom:-3px;
}

.poll .answerbar {
	height:8px
}

.poll .resultrow0 .answerbar {
	background:url(../../aimg/poll/colorbar_01.gif) top repeat-x #96a0af;
}

.poll .resultrow1 .answerbar {
	background:url(../../aimg/poll/colorbar_02.gif) top repeat-x #c6af46;
}

.poll .resultrow2 .answerbar {
	background:url(../../aimg/poll/colorbar_03.gif) top repeat-x #83b5b0;
}

.poll .resultrow3 .answerbar {
	background:url(../../aimg/poll/colorbar_04.gif) top repeat-x #ab99be;
}

.content div.poll p.question {
	margin-bottom:10px;
}

div.poll_answer {
	margin:4px 0;
}

.content div.poll_answer a {
	text-decoration: none;
}

div.poll_emptyvote, div.poll_totals {
	padding-top:10px;
    text-align:right;
}

div.pollresult {
	margin-bottom:10px;
}

div.poll_answerwrap {
	text-align:right;
	font-size:11px;
	padding:7px 0 0 0;
}

div.poll_totals {
	font-weight:bold;
}


/* newsdigest */

div.frontpage .rightmargin .content .rss_feed {
	float:right;
	width:28px;
	margin-top:-10px;
	margin-right:14px;
}

div.frontpage .rightmargin .content .newsdigest {
	width:269px;
}

div.frontpage .rightmargin .content .newsdigestbody {
	background:url(../../images/2010/small_gradient.jpg) repeat-x top;
	width:269px;
}

div.frontpage .rightmargin .content .newsdigestitem {
	width:239px;
	padding:10px;
	margin:0;
}

div.frontpage .rightmargin .newsdigesttitle {
	background:url(../../images/2010/title_bar_bg.jpg) repeat-x;
	color:#FFF;
	font-size:18px;
	width:217px;
	height:28px;
	float:left;
	padding-top:10px;
	padding-left:10px;
	margin-bottom:10px;
}

div.frontpage .rightmargin .news_external h2,
div.frontpage .rightmargin .login h2 {
	background:url(../../images/2010/title_bar_bg.jpg) repeat-x;
	color:#FFF;
	font-size:18px;
	width:260px;
	height:28px;
	float:left;
	padding-top:10px;
	padding-left:10px;
	margin-bottom:10px;
}

div.frontpage .rightmargin .login {
	clear: both;
}

div.frontpage .rightmargin .news_external iframe {
	margin: 10px;
	width: 240px;
}

div.frontpage .rightmargin .newsdigesttitle a {
	background: url(../../images/2010/rss.jpg) no-repeat;
	width:42px;
	height:38px;
	display: block;
	position: absolute;
	margin-left: 217px;
	margin-top: -10px;
} 

div.frontpage .rightmargin .newsdigesttitle a img {
	width: 1px;
	height: 1px;
}

div.frontpage .rightmargin .content .newsdate {
	font-size:11px;
	line-height:16px;
	color:#363f45;
}

div.frontpage .rightmargin .content .newsheading {
	font-size:11px;
	line-height:16px;
	color:#2f8fd5;
	margin:2px 0 5px 0;
}

div.frontpage .rightmargin .content .newsheading a {
	color:#2f8fd5;
	text-decoration:underline;
}

div.frontpage .rightmargin .content .newsingress {
	color:#363f45;
	font-size:10px;
	line-height:14px;
}

div.frontpage .rightmargin .content .newsingress a {
	color:#2f8fd5;
	text-decoration:none;
}

div.frontpage .rightmargin .content .newsingress a:hover {
	text-decoration:underline;
}

/* blogdigest */

div.frontpage .rightmargin .content .blogdigest {
	width:259px;
}

div.frontpage .rightmargin .content .blogdigestbody {
	background:url(../../images/2010/small_gradient.jpg) repeat-x top;
	width:269px;
}

div.frontpage .rightmargin .content .blogdigestitem {
	width:239px;
	padding:3px 10px;
	margin:0;
}

div.frontpage .rightmargin .content .blogdigesttitle {
	background:url(../../images/2010/title_bar_bg.jpg) repeat-x;
	color:#FFF;
	font-size:18px;
	width:259px;
	height:28px;
	padding-top:10px;
	padding-left:10px;
	margin-bottom:0;
}

div.frontpage .rightmargin .content .blogdate {
	font-size:11px;
	line-height:16px;
	color:#363f45;
}

div.frontpage .rightmargin .content .blogheading {
	font-size:11px;
	line-height:16px;
	color:#3c4047;
	margin:2px 0 2px 0;
}

div.frontpage .rightmargin .content .blogheading a {
	color:#2f8fd5;
	text-decoration:none;
	font-weight:bold;
}

div.frontpage .rightmargin .content .blogheading a:hover {
	text-decoration:underline;
}

div.frontpage .rightmargin .content .blogreadmore {
	font-size:11px;
	color:#000000;
}
div.frontpage .rightmargin .content p.newsreadmore {
	display: none;
}
div.frontpage .rightmargin .content .newsheading span {
	display: block;
}


div.frontpage .rightmargin .content .blogreadmore a {
	color:#2f8fd5;
	text-decoration:underline;
}

/* shortcuts */

div.shortcuts {
	width:883px;
	float:left;
    border-top:5px solid #e4e4e4;
	padding:10px 0 10px 0;
	margin:0 0 0 8px;
	background:#FFF;
}

div.shortcuts .shortcutsbody {
	width:863px;
	margin:0 0 0 10px;
	font-size:11px;
	float:left;
	background:url(../../images/2010/shortcuts_gradient.jpg) repeat-x #5fa6e0;
}

div.shortcuts .shortcuts_container {
	float:left;
	width:200px;
	margin-left:70px;
}

div.shortcuts .shortcuts_container ul {
	font-size:11px;
	padding:20px 0 10px 10px;
	margin:0;
}

div.shortcuts .shortcuts_container ul li {
	list-style-type:none;
	list-style-image:url(../../images/2010/blue_square.jpg);
	margin:0 0 5px 0;
}

div.shortcuts .shortcuts_container ul li a {
	color:#FFF;
	text-decoration:none;
}

div.shortcuts .shortcuts_container ul li a:hover {
	color:#083764;
}

/* footer */

div.footer {
	width:883px;
	text-align:center;
	color:#666;
	font-size:11px;
}

div.footer a {
	color:#666666;
	text-decoration:underline;
}

div.footer a:hover {
	color:#000;
	text-decoration:none;
}

/* maintools */

div.wide .maintools {
	background:#f2f2f2;
	float:left;
	width:631px;
	margin-bottom:10px;
	padding:4px 0 4px 0;
}

div.default .maintools {
	background:#f2f2f2;
	float:left;
	width:407px;
	margin-bottom:10px;
	padding:4px 0 4px 0;
}

div.path {
	float:left;
	padding:0 0 0 7px;
	font-size:11px;
}

div.path a.pathlink {
	color:#000000;
	text-decoration:none;
}

div.path a.pathlinkcurrent {
	color:#000;
	text-decoration:underline;
}

div.printer {
	float:right;
	padding-right:5px;
	width:17px;
}

/* to frontpage */

div.tofrontpage {
	margin:10px 0 10px 7px;
	font-size:14px;
	text-align:left;
}

div.tofrontpage a {
	color:#719e09;
	text-decoration:none;
	margin:0;
}

div.tofrontpage img {
	margin-bottom:-3px;
}

/* sidemenu */

div.leftnavi {
	font-size:11px;
	padding:10px 0 0;
}

div.sidemenulevel {
	padding-left:2px;
}

.sidemenulevel .sidemenulevel {
	padding:0;
	margin:0px 0 3px 0;
	border-bottom:1px solid #e7edf6;
}

.sidemenulevel .sidemenulevel .sidemenulink {
	border:none;
}

.sidemenulevel .sidemenulevel .sidemenulink a {
	padding:2px 0 6px 25px;
	border:none;
}

.sidemenulevel .sidemenulink {
	margin:0;
	border-bottom:1px solid #e7edf6;
}

.sidemenulink a {
	color:#174fa2;
	text-decoration:none;
	display:block;
	padding:5px 3px 5px 15px;
}

.sidemenulink a.sidemenuselected {
	color:#fff;
	display:block;
	text-decoration:none;
	background:url(../../images/2010/sidemenuselected.jpg) repeat-x top #6cade2;
}

.sidemenulink a:hover {
	color:#fff;
	display:block;
	text-decoration:none;
	background:url(../../images/2010/sidemenuselected.jpg) repeat-x top #6cade2;
}

/* attachments */

a.attachment, a.file {
	display: block;
	background-position: left center;
	background-repeat: no-repeat;
	padding: 5px 0px 5px 24px;
	}
	
a.file { background-image:url(../../aimg/icons/file.gif); }
a.pdf { background-image:url(../../aimg/icons/pdf.gif); }
a.txt { background-image:url(../../aimg/icons/txt.gif); }
a.jpg { background-image:url(../../aimg/icons/jpg.gif); }
a.gif { background-image:url(../../aimg/icons/gif.gif); }
a.zip { background-image:url(../../aimg/icons/zip.gif); }
a.word { background-image:url(../../aimg/icons/word.gif); }
a.powerpoint { background-image:url(../../aimg/icons/powerpoint.gif); }
a.excel { background-image:url(../../aimg/icons/excel.gif); }
a.rtf { background-image:url(../../aimg/icons/rtf.gif); }

/* hakutulostyylit 29.5*/


.searchsubmit {
	background:url(../../images/2010/searchsubmit.gif) no-repeat;
	border:none;
	width:41px;
	margin-left:5px;
	height:22px;
	color:#FFF;
}

.content .searchheading a{
	text-decoration:none;
	margin:0 0 5px 0;
	font-size:18px;
	color:#0a3892;
	font-weight:normal;
	margin-bottom:10px;
	padding:0 0 0 25px;
	line-height:22px;
}

.searchsummary {
	margin:10px 10px 10px 25px;
	line-height:15px;
	border-bottom:1px solid #e7edf6;
	padding:0 0 20px 0;
}

.searchresultcount {
	margin:10px 0 10px 0;
}

/* bloginoste */


div.bloglist .blogrow0,div.bloglist .blogrow1 {
	border-bottom:1px solid #538ac9;
	padding-bottom:20px;
	margin-bottom:20px;
}

.mainblock .content .bloglist .blogdate {
	font-size:11px;
	color:#373737;
	margin-bottom:0;
}

.mainblock .content .bloglist .blogheading a {
	color:#3d76b2;
	text-decoration:underline;
	font-weight:bold;
}

.mainblock .content .bloglist .blogheading {
	color:#575757;
}

.mainblock .content .bloglist .blogingress {
	color:#575757;
	line-height:16px;
}

/* blogmerkintä */


div.blog .content h2 {
	font-size:18px;
	color:#3971ae;
	margin-bottom:20px;
}

div.blog .blogdate {
	color:#373737;
	font-size:11px;
	font-weight:normal;
	line-height:16px;
	margin-bottom:2px;
}

.mainblock .blog .content .blogheading a {
color:#3d76b2;
text-decoration:underline;
font-weight:bold;
}

div.blog .blogtext {
	color:#171717;
	font-size:12px;
	line-height:16px;
	margin:0 0 20px 0;
}

div.blog .blogingress {
	color:#171717;
	font-weight:bold;
	margin-bottom:20px;
	margin-top:10px;
}

div.blog .content .blogreadmore a {
	color:#78af02;
	text-decoration:underline;
}

div.blog .content .blogreadmore {
	padding-bottom:5px;
}

div.blog .blogcomments .row0 {
	background:#f7fafe;
	padding:12px;
	border-top:1px solid #9ab8de;
}

div.blog .blogcomments .row1 {
	background:#f1f8ff;
	padding:12px;
	border-top:1px solid #dfe9f5;
}

.blogcomments .commentsubject {
	color:#518ec7;
	margin:5px 0 10px 0;
	font-size:14px;
	font-weight:bold;
}

.blogcomments .commentdate {
	color:#000000;
	font-weight:bold;
	font-size:11px;
}

.blogcomments .commentname {
	color:#000000;
	font-weight:bold;
	font-size:12px;	
	margin-top:5px;
}

.blogcomments .commenttext {
	color:#000000;
	font-size:12px;
	margin:5px 0 0 0;
	line-height:16px;
}


/*XM:EXTRA*/


#asso td {
padding-left: 20px;
}
th.header { 
    background-image: url(../../images/2010/bg.gif);     
    cursor: pointer; 
    font-weight: bold; 
    background-repeat: no-repeat; 
    background-position: center left; 
    padding-left: 20px;
    padding-right: 5px;  
    border-right: 1px solid #eee; 
    margin-left: -1px; 
    text-align: left;
    padding-top: 5px;
    padding-bottom: 5px;
} 
th.headerSortDown { 
    background-image: url(../../images/2010/desc.gif); 
    background-color: #eee; 
} 
th.headerSortUp { 
    background-image: url(../../images/2010/asc.gif); 
    background-color: #eee; 
} 

ol.xmdefaultlist {
	margin-left: 40px;
}


/*form table*/

table.form_table {
	clear: both;
}

table.form_table td {
	padding-top: 5px;
}	
	
/* blog manage */
.content .blogadd textarea.addingress {
	width: 300px;
}

div.frontpage .rightmargin .blogingress,
div.frontpage .rightmargin .blogrow1,
div.frontpage .rightmargin .blogrow0
 {
	color:#363F45;
	font-size:10px;
	line-height:14px;
}

div.frontpage .rightmargin .content .blogheading span {
	display:block;
    font-size:11px;
}
	
div.frontpage .rightmargin .content p.blogheading a {
	color:#2F8FD5;
	text-decoration:none;
    font-size:11px;
    font-weight:bold;
	line-height: 14px;
	display: block;
}
	
div.frontpage .rightmargin .content p.blogreadmore {
	margin-top: 5px;
}

div.frontpage .rightmargin .content span.comments {
	display: none;
}

/*login module*/
.login table td {
	font-size: 10px;
	padding-left: 10px;
}

.login table input.login_button {
	margin-top: 10px;	
}

.rightmargin .content .rssfeed {
margin-right:10px !important;
}

.login_button {
	background:url(../../images/2010/pollbutton.jpg) repeat-x;
	display:inline;
	height:25px;
	padding:5px;
    border:none;
    color:#FFF;
	margin:5px 5px 5px 0;
}

/* kuvapankki */

.imagebox {
float:left;
width:280px;
height:180px;
padding:10px;
background:#f4f4f4;
margin:0 5px 10px 5px;
}

.pictureframe {
text-align:center;
}

.pictureframe img {
border:none;
}

.pictureprevnext a {
color:#696767;
padding:5px 10px 0 10px;
text-decoration:none;
background:#f4f4f4;
}

a.pictureprev {
padding:5px 10px 10px 10px;
margin-left:-7px;
}

.imagefile img {
display:none;
}

.imageicon {
width:100px;
height:75px;
margin:0 0 5px 0;
overflow:hidden;
}

.imagefile a {
margin-left:5px;
font-size:11px;
font-weight:normal;
color:#444141;
text-decoration:none;
}

.pictureframe {
background:#f4f4f4;
}

.imagedetails {
background:#f4f4f4;
width:100%;
text-align:left;
padding:10px;
}

td.imagename {
font-size:12px;
font-weight:bold;
line-height:16px;
color:#333;
}

.thumbname {
margin-left:10px;
}

.thumbattribute {
margin-left:10px;
}

.pictureprevnext {
margin-top:20px;
}