/* stylesheet caprice.se */

body, table, td, p, div, a, input, textarea, select, h1, h2, h3, h4 {
	/*background-color: #FFFFFF;*/

	/*font-family: Lucida Console,Monaco,Courier, Trebuchet MS;*/
	font-family:Verdana,Arial,Tahoma;
	font-size: 11px;
}
.page {
	background-image:url(http://www.caprice.se/images/bakgrund.gif);

}
/* all links */

a {
	/*font-family: Verdana, Helvetica, sans-serif;*/

	font-size: 11px; color: #002F80; font-weight:normal; text-decoration:none;
}
a:hover {color: #4F3725; text-decoration: underline}

.viewport {
	/*width:800px;*/

	background-color: #FFFFFF;

}

.logo {
	height:80px;
	background: url("../images/top_logo.gif") no-repeat;
margin-left 4;
}

/* Corners and sides in top */
span.side-left, span.side-right {
	display: block;
	width: 10px;
	height: 80px;
	background: url("images/sides_top.gif") no-repeat;
}
span.side-left {
	background-position: 0 0;
	float: left;
	margin-right: 10px;
}
span.side-right {
	background-position: 100% 0;
	float: right;
}

table, tr, td {

	/*font-size: 11px;
	font-family:Verdana,Arial;Tahoma;	*/
}

table.content {
	height:400px;
	background-color: #FFFFFF;
	font-size: 11px;
}

div.top {
	height:100px;
	background-image:url(http://www.caprice.se/images/caprice_header.gif);
	background-color: #76503D;
}
.top td.headingTd h1 {
	color:#DDDDDD;
	font-size: 22px;
	font-weight: bold;
}
.top td.cell1 {
	height:15px;
	/*background-color: #984B23;*/

	padding-left:6px;
	color: #B4B4BE;
}


.header {
	/*width:800px;*/
	height:22px;
	/*padding-right:7px; padding-top:6px; padding-bottom:6px;*/
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
.menuHolder{margin-bottom:5px;}

.menu {
	background-image:url(http://www.caprice.se/images/BrownTabFace.gif);
	width:850px;
}
.menu td.topNav a {}
.menu td.topNavActive a {font-weight:bold;text-decoration: underline;}

.menu td.topNav, .menu tr.topNav, .menu td.topNavGuest,
.menu td.topNavAdmin, .menu td.topNavActive, .menu td.topNavAdminActive {
	padding-top:5px; padding-bottom:4px; padding-left:10px; padding-right:10px;
	border-right: 1px solid #999999;
	text-align:left;
}
.menu td.topNavGuest {
	color:#D7AB8E;
}

.menu td.topNavAdmin, .menu td.topNavAdminActive {
	position: relative;
	text-align: right;
	width: 800px;
}

.menu tr.topNav, .menu tr.topNavAdmin {
	background-image:url(http://www.caprice.se/images/BrownTabFace.gif);
}
.menu td.topNavActive, .menu td.topNavAdminActive {
	background-image:url(http://www.caprice.se/images/BrownTabFaceActive.gif);
}

.menu td.topNav a, .menu tr.topNav a, .menu td.topNavAdmin a {
/*
	color:#E9D2C3;
	color:#E7BFA5;
	color:#DDDDDD
*/
	color:#DDDDDD;
}
.menu td.topNavActive a, .menu td.topNavAdminActive a {
	color:#FFFFFF;
}


.top td.logo {
	height:30px;
	background-image:url(http://www.caprice.se/images/caprice_club_logo.gif);
	background-repeat:no-repeat;
	background-position:48.4em; 15em;
	padding-top:9px;
}
/*
.top td.login {
	width:350px;
	height:21px;
	background-color: #EEEEEE;
	padding-left:5px; padding-top:6px; padding-bottom:6px; padding-right: 5px;
	text-align:right;
	vertical-align:bottom;
}
.top td.loggedIn, .top td.wrongLogin {
	height:23px;
	background-color: #EEEEEE;
	background-repeat:no-repeat;
	text-align:left;
	padding-top:6px; padding-bottom:6px; padding-right: 10px;
	vertical-align:bottom;
}
.top td.loggedIn {
	background-image:url(http://www.wopsa4.com/~caprice/images/user.gif);
	background-position:0.4em; 50%;
	padding-left:12px;
}
.top td.wrongLogin {
	background-image:url(http://www.wopsa4.com/~caprice/images/user_notloggedin.gif);
	background-position:0em; 50%;
	padding-left:5px;
}
*/
.register td.head {
	padding-left:15px; padding-top:10px; padding-bottom:10px; padding-right: 15px;
	background-color: #C9C8D6;
	width:400px;
}
.register {
	padding:0 0 0 0px;
	/*padding-left:1px; padding-top:1px; padding-bottom:1px; padding-right: 1px;*/
	background-color: #C9C8D6;
}
.register td.cell1 {
	width:345px;
	padding-left:15px; padding-top:10px; padding-bottom:10px; padding-right: 15px;
	font-size: 21px;
	color: #999999;
	background-color: #C9C8D6;
}
.register td.avatar {
	padding-left:10px; padding-top:5px; padding-bottom:5px; padding-right: 10px;
}

.startPageLower	table.lowerBackground {
	height:125px;
	/*background-image:url(http://www.wopsa4.com/~caprice/start/images/caprice75_800_right.jpg);*/
	background-repeat:no-repeat;
	padding-left:0px; padding-top:0px; padding-bottom:0px; padding-right:0px;
	border-top: 1px solid #999999;
}
.startPageLower td.cell1 {padding-left:0px; padding-top:0px; background-color: #FFFFFF;}

td.left {
	/*width:150px;*/
	vertical-align: top;
	border-right: 1px solid #999999;
	padding-top: 0px;
}

.listCategory {
	background-color: #EEEEEE;
}
.listCategory tr:hover {background-color: #FF0000;}
.listCategory td.cell1 {padding-top:5px; padding-bottom:5px;}
tr.Category, .Category a {background-color: #DDDDDD;}
tr.hoverCategory, .hoverCategory a {background-color: #CCCCCC;}
tr.activeCategory, .activeCategory a {background-color: #EEEEEE;}
td.center {
	/*width:450px;*/
	vertical-align: top;
	border-right: 1px solid #999999;
	padding: 5px 5px 5px 5px;
}

/*.navHeaderLeft td {background-color: #DDDDDD;}*/
.navHeaderLeft td.cell1 {
	/*width:150px;*/
	font-size:100%;
	font-weight:normal;
	color:#002F80;
	padding: 5px 4px 5px 5px;
}
.navHeaderLeft td.cell3 {text-align:right;}

/*******************************************
artiklar
********************************************/

/* stil för kategorier och inaktiva och aktiva artiklar i artikellistan */

/*NEW*/
.articleListStart {/*border-bottom:1px solid #CCCCCC;*/}
#articleList a {font-size:10px;}
#articleList td.article {font-size:10px;color:#5E95C1;}
#articleList td.article a {font-size:10px;color:#105289;}
#articleList td.category a {font-size:10px;color:#105289;}
#articleList td {
	width:100%;
	padding: 0px 0px 0px 0px;
}
#articleList td.category {
	padding: 3px 0px 3px 0px;
	width:100%;
	font-size:10px;
	color:#105289;
}
#articleList td.article {
	padding: 3px 0px 3px 0px;
	width:290px;
}
.articleText{font-size:11px;}


/* START mozilla style menu box */
.menu-box {
	margin-left:10px;
	width: 250px;
	background: url(http://www.mozilla.com/img/menu-box/menu-box-top.png) top left no-repeat;
	font-size: 85%;
}

.menu-box ul {
	margin: 0;
	padding: 4px 0;
	list-style-type: none;
	background: url(http://www.mozilla.com/img/menu-box/menu-box-bottom.png) bottom left no-repeat;
}

.menu-box li { width: 190px; }

	.menu-box ul li a:link,
	.menu-box ul li a:visited,
.menu-box ul li span {
	display: block;
	padding: 8px 12px;
	background: url(http://www.mozilla.com/img/menu-box/menu-box-background.png) 0 0 no-repeat;
	text-decoration: none;
	font-weight: bold;
	width: 166px;
}

.menu-box ul li span {
	background: url(http://www.mozilla.com/img/menu-box/menu-box-background.png) -400px 0 no-repeat;
}

	.menu-box ul li a:hover,
.menu-box ul li a:active {
	background: url(http://www.mozilla.com/img/menu-box/menu-box-background.png) -200px 0 no-repeat;
	color:#000000;
}

.menu-box ul ul { background: none; padding: 0; }

	.menu-box ul li ul li a:link,
	.menu-box ul li ul li a:visited,
	.menu-box ul li ul li a:hover,
	.menu-box ul li ul li a:active,
.menu-box ul li ul li span {
	padding-left: 24px;
	width: 154px;
}
/* END mozilla style menu box */

/* youtube page styles */

#youTubeList .navbar {
	display:table;
}
#youTubeList td {
	font-size:10px;
}
/*.yt_the_video{margin-top:10px;}*/
.yt_video_thumbs {
	padding: 0px;
	margin-right:15px;
	margin-top:12px;
	width:460px;
	height: 470px;
	overflow:scroll;
	/*border: 1px inset #DDDDDD;*/
}
.yt_video_thumb_img img {
	vertical-align:top;
	background-color: #fff;
	border: 1px solid #a9a9a9;
	padding: 4px;
	margin-right:5px;
}
.yt_the_link {
	width:300px;
	display:-moz-inline-block;
	display: inline-block;
}

/* END NEW*/

.articleListing, table.listRow tr td {background-color: #FFFFFF;}

#articleListing2, table.listRow tr td {
	background-color: #DDDDDD;
	padding:10px;
}


/*
.articleListing a {
	padding-left:5px; padding-right:5px; padding-top:3px; padding-bottom:3px;
	background-color: #DDDDDD;
}
*/
.listArticle table, .listCategory table {border-bottom: 1px solid #C0C0C0;}
.listArticle td.cell1 {
	width:12px; padding-left:2px; padding-top:3px; padding-bottom:0px;
	background-image:url("../images/doc_liten.gif");
	background-repeat:no-repeat;
	background-position:65% 50%;
}
.listArticle td.cell2, {text-align:left; padding-left:3px; padding-top:3px; padding-bottom:3px;}
.listArticle td.cell3, .listArticle td.cell3 a {
	text-align:right; padding-right:5px
	font-family: Verdana; font-size: 10px; color: #996633; font-style: italic;
}
tr.activeArticle, .activeArticle a {background-color: #FFFFFF;}
tr.articleHeadline td.cell1 {width:80%; font-size:120%; font-weight: bold; padding-top:10px;}
tr.articleHeadline td.cell2 {width:20%; text-align:right; padding-right:7px; font-size:95%;}
div.article td.cell1, .articleNavHeader td.cell1, .articleNavHeader td.cell2, .articleNavHeader td.cell3,  {
	color:#1C1C1C; padding-top:7px; padding-left:7px; padding-right:7px; padding-bottom:5px;
}
.articleNavHeader td.cell2, tr.articleBottom td.cell3 {text-align:right;}
tr.articleBottom td, tr.articleBottom td a, div.articleNavHeader td, .articleNavHeader td.cell1, div.articleNavHeader td a {
	padding-left:5px; padding-top:5px; padding-bottom:5px; padding-right:5px; background-color: #EEEEEE;
}
/*tr.articleBottom td.cell1, tr.articleBottom td.cell3 {width:40px;}*/
tr.articleBottom td.cell2 {width:100%;}
.articleEditor td.cell2 {padding-top:10px; vertical-align:top; width:50%;}
.articleEditor td.cell3 {padding-top:10px; vertical-align:top; width:50%;}
.formTexteditor {width:445px; height:300px;}
.formTextfield {width:445px;}

.navForward {background-color:#FFFFFF; padding:3px; border: 1px solid orange;}
.navBackward {background-color:#FFFFFF; padding:3px; border: 1px solid orange;}

/*******************************************
"Länkar"
********************************************/

.linkListing td.link, .article td.link {
	padding-left:5px; padding-top:0px; padding-bottom:5px;
	/*background-image:url("../images/wheel16x16.gif");*/
	background-repeat:no-repeat;
	background-position:0.5em; 5em;
}

/* stil för kategorier och inaktiva och aktiva länkar i länklistan */

.linkListing, table.listRow tr td {background-color: #FFFFFF;}
/*
.articleListing a {
	padding-left:5px; padding-right:5px; padding-top:3px; padding-bottom:3px;
	background-color: #DDDDDD;
}
*/
.listLink table, .listCategory table {border-bottom: 1px solid #C0C0C0;}
.listLink td.cell1 {
	padding-left:15px; padding-top:2px; padding-bottom:2px;
	background-image:url("../images/doc_liten.gif");
	background-repeat:no-repeat;
	background-position:0.1em 50%;*/
}
.listLink td.cell2 {text-align:left; padding-left:3px; padding-top:3px; padding-bottom:3px;}
.listLink td.cell3, .listLink td.cell3 a  {
	text-align:right; padding-right:5px
	font-family: Verdana; font-size: 10px; color: #996633; font-style: italic;
}
tr.activeLink, .activeLink a {background-color: #FFFFFF;}

table.linkInfo {background-color: #DDDDDD;}
table.linkInfo td.cell1 {border-top: 1px solid #C0C0C0; padding-top:4px; padding-left:14px; text-align:left; font-size:120%; font-weight: bold;}
table.linkInfo td.cell2, table.linkInfo td.cell3 {padding-left:14px; text-align:left; padding-right:7px; font-size:95%;}
table.linkInfo td.cell3 {border-bottom: 1px solid #C0C0C0;}
div.link td.cell1, .linkNavHeader td.cell1, .linkNavHeader td.cell2, .linkNavHeader td.cell3,  {
	color:#1C1C1C; padding-top:7px; padding-left:7px; padding-right:7px; padding-bottom:5px;
}

.linkNavHeader td.cell2, tr.linkBottom td.cell3 {text-align:right;}
tr.linkBottom td, tr.linkBottom td a, div.linkNavHeader td, .linkNavHeader td.cell1, div.linkNavHeader td a {
	padding-left:5px; padding-top:5px; padding-bottom:5px; padding-right:5px; background-color: #DDDDDD;
}

tr.linkBottom td.cell2 {width:100%;}
.linkEditor td.cell2 {padding-top:10px; vertical-align:top; width:50%;}
.linkEditor td.cell3 {padding-top:10px; vertical-align:top; width:50%;}
.formTexteditor {width:445px; height:300px;}
.formTextfield {width:445px;}

/*
.memberLayer {
	visibility: hidden; position: absolute;
	width:180px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:5px;
	background-color: #FFFFFF;
}
*/
.navBottom td.cell1 {padding-left:3px; padding-top:5px; padding-bottom:5px;}
.navBottom td.cell2 {background-color: #DDDDDD; padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:5px;}

/* START teasers */
.rightTeaser {
	vertical-align: top;
	padding: 0px 5px 10px 5px;
	border-bottom: 1px solid #999999;
}
.rightTeaser td.teaserHeadline {
	font-size: 140%; color: #002F80; font-weight: bold;
	vertical-align: top;
	padding-bottom: 5px;
}

.rightImage {
	vertical-align: top;
	padding: 5px 0px 5px 0px;
}

.centerTeaser {
	vertical-align: top;
	padding: 0px 0px 10px 0px;
	line-height:14px;
	/*border-bottom: 1px solid #999999;	*/
}
td.teaserHeadline {
	font-size: 140%; color: #002F80; font-weight: bold;
	vertical-align: top;
	padding-bottom: 5px;
}
.forumTeaserHeadline td {
	font-size: 11px; color: #FFFFFF; font-weight: normal; font-family:Verdana;
	vertical-align: top;
	padding-bottom: 7px;
}
.forumTeaserHeadline td.threads {
	background-color:#E7EFF5;
	font-size: 10px; color: #999999; font-weight: normal; font-family:Verdana;
	vertical-align: top;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 5px;
}
.forumTeaserHeadline td.threads a {
	font-size: 10px; color: #105289; font-weight: normal; font-family:Verdana;
	vertical-align: top;
	padding-bottom: 5px;
	padding-top: 5px;
}
.forumTeaserHeadline span.postdetails {
	font-size: 10px; color: #999999; font-weight: normal; font-family:Tahoma,Verdana;
	vertical-align: top;
	padding-bottom: 5px;
	padding-top: 5px;
}
.centerTeaser td.verticalLine {
	vertical-align: top;
	padding: 0px 5px 0px 0px;
	/*border-left: 1px solid #999999;	*/
}
.centerTeaser td.left {
	vertical-align: top;
	padding: 0px 5px 0px 0px;
}
.centerImage td.wideImage {
	vertical-align: top;
	padding: 5px 0px 5px 4px;
}
/*
.articleTeaser {
	border-bottom: 1px solid #999999;
}
*/
.articleTeaser td, .forumTeaser td {
	color: #002F80;;
	padding-top: 3px;
	padding-bottom: 3px;
}

.span.teaserHeadline, .span.forumTeaserHeadline {
	font-size: 120%; color: #002F80; font-weight: bold;
	padding-bottom: 3px;
	padding-top: 3px;
}
/*
.forumTeaser {
	vertical-align: top;
	padding: 1px 0px 1px 0px;
	border-bottom: 1px solid #999999;
}
*/
.leftTeaser {
	vertical-align: top;
	padding: 0px 5px 10px 5px;
	border-bottom: 1px solid #999999;
}
.leftTeaser td.teaserHeadline {
	font-size: 140%; color: #002F80; font-weight: bold;
	vertical-align: top;
	padding-bottom: 5px;
}
.leftImage {
	vertical-align: top;
	padding: 0px 0px 5px 0px;
}
/* END teasers */

/* START PLATES */

.PlateServiceUp {
	/*background-color: #FFFFFF;*/
	border-bottom: 2px solid #484557;
}
.PlateServiceUp table {
	/*padding: 4px 35px 2px 5px;*/
	background-image:url(http://www.caprice.se/images/PlateGreyUp.gif);
	background-repeat: no-repeat;
	background-position: top right;
}
.PlateServiceUp td {
	padding: 4px 35px 2px 25px;
	background-image:url(http://www.caprice.se/images/icon_servicebook.gif);
	background-repeat: no-repeat;
	background-position:0.3em; 50%;
}
.PlateServiceUp table.headingTable h1, .PlateServiceUp a, .PlateServiceUp a:link, .PlateServiceUp a:visited  {
	font-family: Arial, Tahoma, sans-serif;
	font-size: 100%;
	margin: 0px;
	color: #FFFFFF;
	font-weight: normal;
}
.PlateServiceUp a:hover, .PlateServiceUp a:visited:hover, .PlateServiceUp a:visited:hover {
	text-decoration: underline;
}

.PlateLoginLeft {
	/*background-color: #FFFFFF;
	border-bottom: 2px solid #484557;	*/
}
.PlateLoginLeft table {
	/*padding: 4px 35px 2px 5px;
	background-image:url(http://www.wopsa4.com/~caprice/images/PlateGreyUp.gif);*/
	background-repeat: no-repeat;
	background-position: top right;
}
.PlateLoginLeft td {
	padding: 2px 33px 2px 16px;
	background-image:url(http://www.caprice.se/images/user.gif);
	background-repeat: no-repeat;
	background-position:0.1em; 50%;
}
.PlateLoginLeft table.headingTable h1, .PlateLoginLeft a, .PlateLoginLeft a:link, .PlateLoginLeft a:visited  {
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 100%;
	margin: 0px;
	color: #DDDDDD;
	font-weight: normal;
}
.PlateLoginLeft a:hover, .PlateLoginLeft a:visited:hover, .PlateLoginLeft a:visited:hover {
	text-decoration: underline;

}

.PlateLoginRight {
	/*background-color: #FFFFFF;
	border-bottom: 2px solid #484557;	*/
}
.PlateLoginRight table {
	/*background-image:url(http://www.wopsa4.com/~caprice/images/PlateBrownUpRight.gif);*/
	background-repeat: no-repeat;
	background-position: bottom left;
}
.PlateLoginRight td.messages {
	padding: 0px 0px 0px 0px;
}
.td.membersLinks {
	padding: 4px 0px 3px 0px;
}
.td.guestLinks {
	color: #D7AB8E;
	padding: 4px 2px 3px 0px;
}
.PlateLoginRight table.headingTable h1, .PlateLoginRight a, .PlateLoginRight a:link, .PlateLoginRight a:visited  {
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 100%;
	margin: 0px;
	color: #DDDDDD;
	font-weight: normal;
}
.PlateLoginLRight a:hover, .PlateLoginRight a:visited:hover, .PlateLoginRight a:visited:hover {
	text-decoration: underline;
	color: #DDDDDD;
}

/* END PLATES */

/* START SERVICEBOOK */

.serviceBook table {
	padding: 4px 5px 4px 5px;
}
table.serviceBook {
	background-color: #EEEEEE;
}
table.editService {
	background:#CADCEB;
	margin-top:5px;
	margin-bottom:10px;
}
table.editService td {
	padding-left:10px;
	padding-right:10px;
}

table.serviceTable {
	border-left: 2px solid #484557;
	border-right: 2px solid #484557;
	border-bottom: 2px solid #484557;
}

table.listService {
	/*background-color: #999999;*/
}
.listService td {
	/*background-color: #DDDDDD;	*/
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 100%;
	margin: 0px;
	padding-top:4px;padding-bottom:4px;
	color: #000000;
	font-weight: normal;
}
.listService td.cell1 {
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
/*
	padding: 5px 0px 0px 0px;
	background-image:url(http://www.wopsa4.com/~caprice/images/wrench16x16.gif);
	background-repeat: no-repeat;
	background-position:0.3em; 50%;
*/
}

/* START SERVICEBOOK */

/* START pagebottom */

.footer td {
	height:25px;
	background-color: #DDDDDD;
	font-size: 11px;
	padding: 0px 0px 0px 0px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
.footer td.cell1 {
}

.bottom td {
	height:40px;
	background-color: #C9C8D6;
	font-size:10px;
	color:#B07148;
	vertical-align:top;
	padding: 3px 3px 3px 3px;

}

/* END pagebottom */

/* admin */

.adminBlock {
	background-color: #FFFFFF;
	padding-left:0px; padding-right:5px; padding-top:5px; padding-bottom:5px;
}
.adminBlock td.cell1 {
	background-color: #C0C0C0;
	text-align:left; padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:5px;
	font-size: 14px;
}
.adminBlock td.cell2, td.cell3, td.cell4, td.cell5, td.cell6, td.cell7  {
	padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:5px;
}
.adminBlock td.cell4 {}
.adminBlock td.cell6, .adminBlock td.cell6 a {font-size: 90%;}

.adminBlock td.admin {
	background-color: #CCCCCC;
	padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px;
}
.adminListUsers td.cell1 {
	padding-left:15px; padding-top:3px; padding-bottom:3px;
	background-image:url("../images/doc_liten.gif");
	background-repeat:no-repeat;
	background-position:1% 50%;
}
.adminListUsers td.cell2 {
	padding-left:3px; padding-right:5px; padding-top:5px; padding-bottom:5px;
}
.adminListUsers td.users {text-align:left; padding-left:3px; padding-right:5px; padding-top:3px;