/* ------------------------ Sidans grundlayout ------------------------------*/
body.screen
{
	background-color:#000000;
}

div.screen
{
	
}

div.page 
{
	/*Fixed layout*/
	/*width: 950px;
	margin: 0 auto;             
    vertical-align: middle;/*    

    /*Liquid layout*/
    /*width: 75%;
    margin: 0 auto;             
    vertical-align: middle;*/ 
    
    /*Liquid min/max layout*/
    min-width: 700px;
	max-width: 950px;
    margin: 0 auto;             
    vertical-align: middle;
   
}

div.innerPage
{
	width:100%; 
	border:ridge #a00000 6px;
	background-color:#000000;
}

div.pageHead 
{
	width:100%;
	background-color:#000000;
	color:#ffffff;
	border-bottom: ridge #a00000 6px;
}

div.pageHeader 
{
	width:70%;
	/*border: solid #808080 1px;*/
}

div.pageFooter 
{
	background-color: #000000;
	border-top: solid #000000 2px;
	text-align: center;
	margin-top: 0px;
	font-size: 70%;
	color:#666666;
}

div.pageBody 
{
	background-color: #000000;
	border-right: solid #000000 5px;
	padding-top: 5px;
	margin-top: 0px;
	text-align: center;
	color:#ffffff;
}

div.textBody
{
	font-family: Verdana, Sans-serif;
	text-align: left;
	background-color:#ececec;
	padding-left:5px;
	padding-right:5px;
	/*border: dashed #808080 1px;*/
}

/* --------------------------------------------------------------------------*/
/*  Avsnittet styr 3 columner layout ( tillsammans men kod i CHTLMPage.php ) */

div.pageBodyOuterWrapper
{
	/*background: url(http://www.student.bth.se/~gofr09/kursmoment_7/rate_my_professor/images/background_4.gif) repeat-y center;*/
	background: url(/images/background_4_litegrey.png) repeat-y center;
}

div.pageBodyWrapper
{
	/*background: url(http://www.student.bth.se/~gofr09/kursmoment_7/rate_my_professor/images/background_1.gif) repeat-y right;*/
	background: url(/images/background_5_black.png) repeat-y right;
}

div.pageBodyWrapperHideRight
{
	/*background: url(http://www.student.bth.se/~gofr09/kursmoment_7/rate_my_professor/images/background_5.gif) repeat-y right;*/
	background: url(/images/background_5_litegrey.png) repeat-y right;
}

div.pageBodyInnerWrapper
{
	/*background: url(http://www.student.bth.se/~gofr09/kursmoment_7/rate_my_professor/images/background_2.gif) repeat-y left;*/
	background: url(/images/background_5_black.png) repeat-y left;
}

div.pageBodyInnerWrapperHideLeft
{
	/*background: url(http://www.student.bth.se/~gofr09/kursmoment_7/rate_my_professor/images/background_5.gif) repeat-y left;*/
	background: url(/images/background_5_litegrey.png) repeat-y left;
}


div.pageBodyContainer
{
	width:100%;
	float: left;
	margin-right: -200px;
}

div.pageBodyContent 
{
	margin-right: 200px;
	
}

div.pageBodyContentHideRight 
{
	margin-right: 0px;
	
}

div.pageBodyLeft 
{
    float: left;
    width: 200px;
    border-top:solid #000000 2px;
    color:#ffffff;
    /*background-color: springgreen;*/
}

div.pageBodyLeftHideLeft 
{
    float: left;
    width: 0px;
    /*background-color: springgreen;*/
}

div.pageBodyMain1HideLeft
{
	padding-top: 3px;
	margin-left: 0px;
	border-top:solid #000000 2px;
    /*background-color: orange;*/
}

div.pageBodyMain2HideLeft
{
	padding-top: 3px;
	margin-left: 0px;
	border-top:solid #000000 2px;
    /*background-color: orange;*/
}


div.pageBodyMain1
{
	padding-top: 0px;
	/*border-right:solid #000000 5px;*/
	margin-left: 200px;
    border-top:solid #000000 2px;
    /*background-color: orange;*/
}

div.pageBodyMain2 
{
	padding-top: 0px;
	/*border-right:solid #000000 5px;*/
	margin-left: 200px;
    border-top:solid #000000 2px;
    /*background-color: orange;*/
}

div.pageBodyMain3  
{
	padding-top: 0px;
	/*border-right:solid #000000 5px;*/
	margin-left: 200px;
    border-top:solid #000000 2px;
    /*background-color: orange;*/
}


div.pageBodyRight 
{
    float: right;
    width: 200px;
    border-top:solid #000000 2px;
    color:#ffffff;
    /*background-color: steelblue;*/
   
}

div.pageBodyRightHideRight 
{
    float: right;
    width: 0px;
    /*background-color: steelblue;*/
   
}

div.clear 
{
    clear: both;
    height: 0;
}

/* ----------------------------------- div -----------------------------------*/

div.loginPage
{
	text-align:left;
	margin-left:10px;
	margin-right:10px;
	color:#ffffff;
}

div.rss
{
	margin:10px;
}

div.linkHeader
{
	background-color: #000000;
	border: 0px;
	font-family: Verdana, Sans-serif;
	text-align: center;
	/*padding-top:5px;*/
	/*padding-bottom: 5px;*/
	font-size: 75%;
	color:#ffffff;
}

div.listDirectory
{
	text-align:left;
	padding:5px;
}

div.sourcecode
{
	font-size:75%;
}

div.gallery
{
	color:#ffffff;
}

div.history
{
	color:#ffffff;
	text-align:left;
	padding-left:5px;
	padding-right:5px;
}

div.bodyImage
{
	text-align:center;
}

div.jukebox
{
	text-align:center;
	padding-bottom:50px;
}
/* ----------------------------- Länkar ( a ) --------------------------------*/
a
{
	color:#ffffff;
	text-decoration:underline;
}

a.listDirectory
{
	color:#000000;
	text-decoration:underline;
}

a.linkHeader
{
	color:#ffffff;
}

a.linkHeader:visited
{
	color:#ffffff;
	text-decoration:underline;
}

a.linkHeader:hover
{
	color:#1f1f1f;
	background:#ffffff;
	text-decoration:none;
}

a.linkFooter
{
	color:#ffffff;
	text-decoration:underline;
}

a.linkFooter:visited
{
	color:#ffffff;
	text-decoration:underline;
}

a.linkFooter:hover
{
	color:#a00000;
	background:#000000;
	text-decoration:none;
}

a.bodyLink
{
	color:#ffffff;
	text-decoration:underline;
}

a.bodyLink:hover
{
	color:#a00000;
}

a.sideNavMenu
{
	color:#eeeeee;
}

a.sideNavMenu:hover
{
	border:#ffffff 1px;
}

a.sideNavMenu:visited
{
	color:#c8acd2;
}

a.gallery:hover
{
	color:#a00000;
}

a.thumbnail
{
	text-decoration:none;
}

a.nextLink
{
	text-align:right;
	font-size:8pt;
	text-decoration:none;
}

a.nextLink:hover
{
	color:#a00000;
}

a.previusLink
{
	text-align:left;
	font-size:8pt;
	text-decoration:none;
}

a.previusLink:hover
{
	color:#b00000;
}

a.imageInfo
{
	color:#666666;
}

a.imageInfo:hover
{
	color:#b00000;
}

a.login
{
	border: 0px;
	font-family: Verdana, Sans-serif;
	text-align: right;
	padding-bottom: 5px;
	color:#666666;
	font-size: 100%;
	text-decoration:underline;
}

a.login:hover
{
	color:#b00000;
}

a.email:hover
{
	color:#b00000;
}

.userinfo
{
	border: 0px;
	font-family: Verdana, Sans-serif;
	text-align: right;
	padding-bottom: 5px;
	color:#666666;
	font-size: 85%;
	text-decoration:none;
}

a.linkLogotype
{
	
}

/* ---------------------------------- Listor --------------------------------*/
ul
{
	text-align:left;
	list-style:none;
}

/* ----------------------------- Text och Rubriker --------------------------*/

h1 
{
	font-family: Verdana, Sans-serif;
	text-align: center;
}

h2 
{
	font-family: Verdana, Sans-serif;
	text-align: left;
}

h3 
{
	font-family: Verdana, Sans-serif;
	text-align: center;
}

h4 
{
	font-family: Verdana, Sans-serif;
	text-align: left;
}

body 
{	
	font-family:  Verdana, Sans-serif;
	font-size:11pt;
}

p 
{	
	font-family:  Verdana, Sans-serif;
}

legend
{
	margin-left:5px;
	margin-right:5px;
	color:#ffffff;
	background-color:#2a2a2a;
}

textarea
{
	font-family: Verdana, Sans-serif;
	font-size:10pt;
}

/* ------------------------------- Tabeller ---------------------------------*/

table
{
	font-family: Verdana;
	text-align:left;
	/*
	border: #000000;
	border-width:2px;
	border-style:solid;
	background-color:#ffffff;
	*/	
}

table.pageHead
{
	width:100%;
}

table.loginTable
{
	text-align:left;
	font-size:95%;
}

table.changeStylesheet
{
	width:100%;
	text-align:right;
}

table.sideNavMenu
{
	/*width:100%;*/
	margin-left:4px;
	margin-top:0px;
	margin.right:4px;
	width:95%;
	
}

table.viewImage
{
	width:100%;
	padding-left:115px;
	padding-right:115px;
}

table.imageInfo
{
	width:100%;
	padding-left:120px;
	padding-right:120px;
	font-size:8pt;
}
/* ----------------------------------- tr ------------------------------------*/


/* ---------------------------------- th ------------------------------------*/
th
{
	color:#000000;
	border:solid;
	border: #000000;
	border-width:1px;
	background-color: #b00000;
	text-align:center;
}

th.loginTableHeader
{
	color:#ffffff;
	text-align:right;
	font-size:95%;
	background-color:#2a2a2a;
}

th.sideNavMenu
{
	background-color:#b00000;
	border:solid #333333 1px;
	padding-top:3px;
}
/*----------------------------------- td ------------------------------------*/

/*
td
{
	border:solid 2px #ff0000;
}
*/

td.tdChangeStylesheet
{
	text-align:center;
	width:50%;
}

td.leftChangeStylesheet
{
	width:25%;
}

td.leftChangeStylesheet
{
	width:25%;
}

td.pageHeader
{
	font-family: Verdana;
	text-align:center;
	/*
	border: #000000;
	border-width:2px;
	border-style:solid;
	*/
	background-color:#ffffff;
	width:72%;
}

td.pageHeaderC1
{
	width:25%;
	border:0px;
	padding-left:10px;
}

td.pageHeaderC2
{
	width:60%;
	border:0px;
	text-align:center;
}

td.pageHeaderC3
{
	width:15%;
	border:0px;
	text-align:right;
}

td.loginTableButton
{
	text-align:right;
}

td.sideNavMenu
{
	border:solid #333333 1px;
	padding-top:3px;
}

td.previusLink
{
	text-align:left;
	padding-left:5px;
}

td.nextLink
{
	text-align:right;
	padding-right:5px;
}

td.imageInfoLeft
{
	text-align:left;
	color:#666666;
}

td.imageInfoRight
{
	text-align:right;
}


/* --Används av Class CControlDatabas, kan tas bort om inte klassen nyttjas--*/
.tableOrderHeader
{
	color:#808080;
	text-decoration:none;
}

.columnDelete
{
	color:#ff0000;
	text-align: center;
}

.columnEdit
{
	color:#008000;
	text-align: center;
}


/* -------------------------------- Bilder ----------------------------------*/

img
{
	border:0px;
}

img.body
{
	padding:20px;
}

img.viewImage
{
	max-width:500px;
	margin-top:20px;
	margin-bottom:20px;
	border:solid #b00000 1px;
}

img.thumbnail
{
	border:solid #b00000 1px;
}

img.map
{
	border:solid #b00000 1px;
	margin-top:50px;
	margin-bottom:50px;
}

img.bodyImage
{
	max-width:700px;
	border:solid #b00000 1px;
	margin-top:50px;
	margin-bottom:50px;
	margin-left:20px;
	margin-right:20px;
}

.pageHeaderLogotype
{
	
}
/* ------------------------------- Avskiljare -------------------------------*/

hr
{
	margin:4px;
	border-color:#a00000;
	
}

hr.hrFooter
{
	color:#000000;
	background-color:#ff7436;
}

fieldset.fieldsetChangeStylesheet
{
	padding-top:15px;
	padding-bottom:30px;
	padding-right:5px;
	padding-left:15px;
	width:88%;
	text-align:left;
}

/* ------------------------------- Felmeddelanden ---------------------------*/

.errorMessage
{
	border:solid #ff0000 1px;
	font-family:Verdana, Sans-serif;
	text-align:center;
	font-weight:bold;
	color:#ff0000;
	padding-top:10px;
	padding-bottom:10px;
	margin:2px;
	font-style:italic;
	background-color:#ffffff;
}

/* ============================================================================
/* =============== Följande används enbart av bloggfunktionen =================
/* ============================================================================

/* ----------------------------------- div -----------------------------------*/
div.blogPostMain
{
	color:#ffffff;
}

div.contentBlogPostMain
{
}

div.comment
{
	font-size:90%;
}

div.blogPostMainComment
{
	/*background-color:#ebe9ed;*/
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	padding-top:2px;
	margin-top:10px;
	border:solid #ffffff 1px;
}

div.pageViewAccount
{
	text-align:center;
	margin-left:180px;
	margin-bottom:50px;
}

div.statSideMenue
{

}

/* ----------------------------- Länkar ( a ) --------------------------------*/

a.linkSideMenue
{
	color:#ff7436;
}

a.linkSideMenue:visited
{
	color:#c8acd2;
}

a.linkBlogPost
{
	color:#ececec;
	font-size:80%;
}

a.linkBlogPost:visited
{
	color:#c8acd2;
}

a.linkBlogPostComment
{
	color:#ffffff;
}

a.tableDataSideMenue
{
	color:#ff7436;
}


/* ----------------------------- Text och Rubriker --------------------------*/

legend.statSideMenue
{
	text-align:center;
	color:#ff7436;
	background-color:#000000;
}

/* ------------------------------- Tabeller ---------------------------------*/

table.tableSideMenue
{
	font-family: Verdana;
	text-align:left;
	font-size:80%;
	width:100%;
	background-color:##ff7436;
	padding-left:3px;
	padding-right:3px;
	
}

table.tableBlog
{
	text-align:left;
}

table.linkTableBlogPostMain
{
	width:100%;
	text-align:left;
	padding-top:15px;
	padding-bottom:5px;
}

table.tableComment
{
	/*background-color:#ebe9ed;*/
	width:100%;
	margin-top: 4px;
	/*border:solid 2px #ffffff;*/
}

table.viewAccount
{
	
}

table.statSideMenue
{
	font-size:80%;
	color:#d3d3d3;
	margin-top:10px;
}

table.viewComment
{
	width:100%;
}

/* ----------------------------------- tr ------------------------------------*/
tr.contentRowTableComment
{
	text-align:left;
	background-color:#ffffff;
	color:#000000;
}

tr.infoRowTableComment
{
	/*background-color:#ebe9ed;*/
}

tr.titleRowTableComment
{
	/*background-color:#ebe9ed;*/
}

/* ---------------------------------- th ------------------------------------*/

/*----------------------------------- td ------------------------------------*/

td.titleRowTableCommentC1
{
	text-align:left;
	width:750px;
}

td.titleRowTableCommentC2
{
	text-align:right;
	width:150px;
}

td.infoRowTableCommentC1
{
	text-align:left;
	width:750px;
}

td.infoRowTableCommentC2
{
	text-align:right;
	width:150px;
}

td.tableDataSideMenue
{
	color:#ff7436;
	padding-top:5px;
	padding-bottom:10px;
	/*border:solid #333333 1px;*/
}

td.tableDataSideMenue2
{
	color:#ff7436;
	padding-top:5px;
	padding-bottom:10px;
	text-align:center;
	font-size:11pt;
	/*border:solid #333333 1px;*/
}

td.linkTableBlogPostMainC1
{
	Width:320px;
	text-align:left;
}

td.linkTableBlogPostMainC2
{
	Width:130px;
	text-align:left;
}

td.linkTableBlogPostMainC3
{
	width:30px;
	text-align:left;
}

td.linkTableBlogPostMainC4
{
	width:50px;
	text-align:right;
}

td.viewAccount
{
	border:solid 1px #ff7436;
	padding:3px;
}

td.tdButton
{
	text-align:right;
	padding:3px;
}

td.linkViewCommentLeft
{
	text-align:left;
}

td.linkViewCommentRight
{
	text-align:right;
}

/* -------------- Följande används enbart på sidan PNewBlogPost --------------*/
div.pageNewBlogPost
{
	text-align:center;
	margin-left:10px;
}

table.tableNewBlogPost
{
	padding:15px;
	width:310px;
	text-align:left;
	/*margin-left:120px;*/
}

td.headerNewBlogPost
{
	text-align:left;
	font-weight:bold;
	font-size:130%;
	color:#ffffff;
	
}

td.titleHeaderNewBlogPost
{
	padding-top:10px;
	color:#ffffff;
}

td.titleNewBlogPost
{
	
}

td.contentNewBlogPost
{
	
}

td.buttonNewBlogPost
{
	text-align:right;
}



/*----------- Följande används enbart på sidan PNewBlogComment ---------------*/
div.newBlogComment
{
	
}

fieldset.fieldsetNewBlogComment
{
	border:dashed 1px #ff0000;
	margin-left:5px;
	margin-right:5px;
}

legend.legendNewBlogComment
{
	color:#ff0000;
	padding-left:5px;
	padding-right:10px;
	margin-left:15px;
	/*background-color:#ececec;*/
}

td.buttonNewBlogCommentC1
{
	width:80%;
	text-align:right;
}

td.buttonNewBlogCommentC2
{
	
	text-align:right;
}

td.bottomRowNewBlogComment
{
	padding-top:10px;
	font-size:70%;
}

/* -------------------------------- Bilder ----------------------------------*/

/* ------------------------------- Avskiljare -------------------------------*/

hr.hrSideMenue
{
	margin-right:5px;
	margin-top:15px;
	margin-bottom:15px;
	
	border:solid 1px #ff7436;
}

fieldset.fildsetBlogPostMain
{
	/*width:90%;*/
	/*background-color:#ececec;*/
	text-align:left;
	margin-left:30px;
	margin-right:30px;
	margin-top:30px;
	margin-bottom:30px;
	color:#ffffff;
	font-size:100%;
	padding:10px;
	border:solid 2px #b00000;
}

fieldset.fieldsetBlogComment
{
	background-color:#2e2e2e;
}

fieldset.statSideMenue
{
	margin-right:8px;
	margin-left:8px;
	color:#ffffff;
	border:solid 1px #ff7436;
}

/* ------------------------------- Felmeddelanden ---------------------------*/