/* Paragallo AS Tor Ivar Johannessen 2009 */

*
{
    margin: 0;
    padding: 0;
    
}

body
{
    font: 100% Arial, Verdana, Helvetica, sans-serif;
    background-image: url(../Images/bg.jpg);
    background-repeat: repeat-x;
    margin: 0;
    padding: 0;
    text-align: center;
    color: #000000;
    font-size:12px;
}

html
{
 background-color: #ffffff;
    
}

h1
{
    font: 100% Arial, Verdana, Helvetica, sans-serif;
    font-size: 1.3em; 
    color: #ffffff;
    font-weight: normal;
    margin-bottom: 5px;
    float: none;
}
h2
{
    font: 100% Arial, Verdana, Helvetica, sans-serif;
    font-size: 1.3em;
    line-height: 1.3em;
    color: #261c02;
    font-weight: normal;
    margin: 10px 0 10px 0;
}
h3
{
    font: 100% Arial, Verdana, Helvetica, sans-serif;
    font-size: 0.9em;
    line-height: 1.0em;
    color: #261c02;
    font-weight: normal;
    margin-bottom: 2px;
    text-indent: 5px;
}

p
{
    font-size: 1.1em;
    color: #333;
    letter-spacing:0.03em;
    line-height:18px;
    text-align: left;
}

a
{
    font-size: 1.0em;
    text-decoration: none;
}

th a
{
   	/*background:url(tabsImg/sort1.png) no-repeat 0 0;
	background-position:right;
    padding-right:18px;*/
    float:left;
}
	
th a:Hover
{
   /*background:url(tabsImg/sort2.png) no-repeat 0 0;
	background-position:right;
    padding-right:18px;*/
    text-decoration: underline;
}

.message{
    position: relative;
    float: left;
    font-size:13px;
    width: 600px;
    margin: 10px 0 10px 12px;
    padding:0 0 0 5px;
    color:Red;
}

.text_float_left
{
    position: relative;
    float: left;
    height: 16px;
    width: 575px;
    margin: 0 0 5px 0;
}

.text_float_left_second
{
    position: relative;
    float: left;
    height: 16px;
    width: 575px;
    margin: 15px 0 5px 0;
}

.h1_float_left
{
    position: relative;
    float: left;
    height: 30px;
    width: 575px;
    margin: 10px 0 10px 0;
}

.indent
{
    text-indent: 10px;
    margin:10px 0 0 0;
}


.input_holder
{
    position: relative;
    float: left;
    width: 285px;
    height: 20px;
    margin: 0 0 5px 5px;
    padding-right: 3px;
}

.input_holder_select
{
    position: relative;
    float: left;
    width: 120px;
    height: 20px;
    margin: 0 0 5px 5px;
}

h1.sidetext
{
    float: left;
    color: #333;
    font-size: 25px;
    width: 60px;
}

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


.input
{
    position: relative;
    float: left;
    width: 250px;
    height: 15px;
    margin: 0 0 0 10px;
}


.sublink
{
    list-style-position: inside;
    text-indent: 35px;
    line-height: 18px;
    font-size: 13px;
   color: #333;
}


.sublink:Hover
{
    line-height: 18px;
    font-size: 13px;
    color: #000;
}

a.titlebar_links
{
    margin: 0 10px 0 10px;
    text-decoration: none;
    color: #333;
}

.thrColFixHdr #container
{
    width: 908px;
    margin: 0 auto;
    text-align: left;
    margin-bottom:40px;
}

.thrColFixHdr #header
{
    background-image: url(../Images/top_bg.jpg);
    background-repeat: no-repeat;
    padding: 0 10px 0 20px;
    height: 123px;
}

#header_container
{
    position:relative;
    float:right;
    height: 60px;
    width: 660px;
    margin: 27px 0 0 0;
}

a.header_logo 
{
    height: 60px;
    width: 150px;
    position:relative;
    float:left;
    display:inline;
    margin: 27px 0 0 0; 
}

ul#nav_top
{
    position:relative;
    width: 660px;
    float: right;
    list-style: none;
    clear: both;
}

ul#nav_top li
{
    float: right;
    width: 107px;
    height: 27px;
    margin-left: 5px;
    line-height: 1.8;
    font-size: 13px;
}

ul#nav_top li a
{
    text-decoration: none;
    font-weight: normal;
    text-align: center;
    width: 107px;
    height: 25px;
    line-height: 1.8;
    color: #fff;
    padding: 2px 0 0 0;
    display: block;
    background-image: url(../Images/overstate_topnav.png);
    background-repeat: no-repeat;
    background-position: center;
}

ul#nav_top li a:hover
{
    text-decoration: none;
    font-weight: normal;
    text-align: center;
    width: 107px;
    height: 25px;
    color: #fff;
    padding: 2px 0 0 0;
    display: block;
    background-image: url(../Images/buttopnav.png);
    background-repeat: no-repeat;
    background-position: center;
}

ul#nav_top li a.top_selected
{
    text-decoration: none;
    font-weight: normal;
    text-align: center;
    width: 107px;
    height: 25px;
    color: #fff;
    padding: 2px 0 0 0;
    display: block;
    background-image: url(../Images/buttopnav.png);
    background-repeat: no-repeat;
    background-position: center;
}

ul#menu li a:active
{
    background-position: top left;
}


#bread
{
    margin: 0 0 10px 0;
    padding: 0 0 0 0;
    height: 10px;
    width: 100%;
}


ul#breadcrumbs
{
    width: 599px;
    float: left;
    list-style: none;
    clear: both;
}

ul#breadcrumbs li
{
    float: left;
    height: 23px;
    margin: 5px 0 0 0;
}

ul#breadcrumbs li a
{
    text-decoration: none;
    font-weight: normal;
    text-align: center;
    height: 23px;
    line-height: 1.6em;
    font-size: 12px;
    color: #261c02;
    padding: 1px 0 0 2px;
    display: block;
}

ul#breadcrumbs li p
{
    text-decoration: none;
    font-weight: normal;
    text-align: center;
    height: 23px;
    line-height: 1.6em;
    font-size: 13px;
    color: #261c02;
    padding: 0 8px 0 2px;
    display: block;
}

ul#breadcrumbs li a:hover
{
    text-decoration: none;
    font-weight: normal;
    text-align: center;
    height: 23px;
    color: red;
    padding: 1px 0 0 2px;
    display: block;
}

ul#breadcrumbs li a.breadcrumbs_selected
{
    text-decoration: none;
    font-weight: normal;
    text-align: center;
    height: 23px;
    color: red;
    padding: 1px 8px 0 2px;
    display: block;
}


.bread2
{
    margin: 0 0 5px 0;
    padding: 0 0 0 0;
    height: 23px;
    width: 100%;
}

ul.breadcrumbs2
{
    list-style: none;
    clear: both;
}

ul.breadcrumbs2 li
{
    float: left;
}

ul.breadcrumbs2 li a
{
    text-decoration: none;
    font-weight: normal;
    text-align: center;
    height: 20px;
    line-height: 1.6em;
    font-size: 12px;
    color: #261c02;
    padding: 0 0 0 8px;
    display: block;
}

ul.breadcrumbs2 li p
{
    text-decoration: none;
    font-weight: normal;
    text-align: center;
    height: 20px;
    line-height: 1.6em;
    font-size: 12px;
    color: #261c02;
    padding: 0 8px 0 8px;
    display: block;
}

ul.breadcrumbs2 li a:hover
{
    text-decoration: none;
    font-weight: normal;
    text-align: center;
    height: 23px;
    color: red;
    padding: 0 0 0 8px;
    display: block;
}

ul.breadcrumbs2 li a.breadcrumbs_selected2
{
    text-decoration: none;
    font-weight: normal;
    text-align: center;
    height: 20px;
    color: red;
    padding: 0 5px 0 5px;
    display: block;
}



#submenu
{
    clear: both;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    height: 44px;
    width: 100%;
}

ul#nav
{
    
    float: left;
    list-style: none;
    position:relative;
    margin: 0 0 0 225px;
}

ul#nav li
{
    float: left;
    height: 21px;
}

ul#nav li a
{
    border-right: 1px #c85150 solid;
    text-decoration: none;
    font-weight: normal;
    text-align: center;
    height: 21px;
    line-height: 1.8em;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    padding: 0 8px 0 8px;
    display: block;
    background-image: url(../Images/nav.jpg);
    background-repeat: repeat-x;
    background-position: top;
}

ul#nav li a:hover
{
    text-decoration: none;
    text-align: center;
    line-height: 1.8em;
    font-size: 12px;
    font-weight: bold;
    height: 21px;
    color: #fff;
    padding: 0 8px 0 8px;
    display: block;
    background-image: url(../Images/nav.jpg);
    background-repeat: repeat-x;
    background-position: bottom;
}

ul#nav li a.nav_selected
{
    text-decoration: none;
    text-align: center;
    line-height: 1.8em;
    font-size: 12px;
    font-weight: bold;
    height: 21px;
    color: #fff;
    padding: 0 8px 0 8px;
    display: block;
    background-image: url(../Images/nav_selected.jpg);
    background-repeat: repeat-x;
    background-position: center;
}


ul#nav li a.first
{
    border-left: 1px #c85150 solid;
    text-decoration: none;
    font-weight: normal;
    text-align: center;
    height: 21px;
    line-height: 1.8em;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    padding: 0 8px 0 8px;
    display: block;
    background-image: url(../Images/nav.jpg);
    background-repeat: repeat-x;
    background-position: top;
}

ul#nav li a.first:hover
{
    border-left: 1px #c85150 solid;
    text-decoration: none;
    line-height: 1.8em;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    height: 21px;
    color: #fff;
    padding: 0 8px 0 8px;
    display: block;
    background-image: url(../Images/nav.jpg);
    background-repeat: repeat-x;
    background-position: bottom;
}

ul#nav li a.first_selected
{
    border-left: 1px #c85150 solid;
    border-right: 0px #d2d2d2 solid;
    text-decoration: none;
    line-height: 1.8em;
    font-size: 12px;
    font-weight: bold;
    text-align:center;
    height:21px;
    color:#fff;
    padding:0 8px 0 8px
    display:block;
    background-image:url(../Images/nav_selected.jpg);
    background-repeat:repeat-x;
    background-position:center;
}


.thrColFixHdr #header h1
{
    margin: 0;
    padding: 10px 0;
}


div.titlebar
{
    background-image: url(../Images/nav.jpg);
    background-position: top;
    background-repeat: repeat-x;
    position: relative;
    overflow: hidden;
    float: left;
    font-size: 12px;
    line-height: 21px;
    width: 602px;
    color: #fff;
    margin: 10px 0 5px 0;
    padding: 0 0 0 0;
}


ul.navigation
{
    width: 602px;
    float: right;
    list-style: none;
    clear: both;
}

ul.navigation li
{
    float: left;
    height: 21px;
}

ul.navigation li a
{
    border-right: 1px #d2d2d2 solid;
    text-decoration: none;
    font-weight: normal;
    text-align: center;
    height: 21px;
    line-height: 1.7em;
    font-size: 13px;
    color: #fff;
    padding: 0 8px 0 8px;
    display: block;
    background-image: url(../Images/nav.jpg);
    background-repeat: repeat-x;
    background-position: top;
}

ul.navigation li a:hover
{
    text-decoration: none;
    font-weight: normal;
    text-align: center;
    height: 21px;
    color: #fff;
    padding: 0 8px 0 8px;
    display: block;
    background-image: url(../Images/nav.jpg);
    background-repeat: repeat-x;
    background-position: bottom;
}

ul.navigation li a.navigation_selected
{
    text-decoration: none;
    font-weight: normal;
    text-align: center;
    height: 21px;
    color: #fff;
    padding: 0 8px 0 8px;
    display: block;
    background-image: url(../Images/nav_selected.jpg);
    background-repeat: repeat-x;
    background-position: center;
}


ul.navigation li a.first_navigation
{
    text-decoration: none;
    font-weight: normal;
    text-align: center;
    height: 21px;
    line-height: 1.7em;
    font-size: 13px;
    color: #fff;
    padding: 0 8px 0 8px;
    display: block;
    background-image: url(../Images/nav.jpg);
    background-repeat: repeat-x;
    background-position: top;
}

ul.navigation li a.first_navigation:hover
{
    text-decoration: none;
    font-weight: normal;
    text-align: center;
    height: 21px;
    color: #fff;
    padding: 0 8px 0 8px;
    display: block;
    background-image: url(../Images/nav.jpg);
    background-repeat: repeat-x;
    background-position: bottom;
}

ul.navigation li a.first_navigation_selected
{
    text-decoration: none;
    font-weight: normal;
    text-align: center;
    height: 21px;
    color: #fff;
    padding: 0 8px 0 8px;
    display: block;
    background-image: url(../Images/nav_selected.jpg);
    background-repeat: repeat-x;
    background-position: center;
}



/* *******left sidemenu buttons starts under here */

div.sidemenu_list_white
{
    display: inline;
    background-color:#dedede;
    padding: 5px 0 10px 0;
    margin-bottom: 10px;
}

.sidemenu_sublinks
{
    background-color:#dedede;
    display: inline;
    list-style-position: inside;
    text-indent: 35px;
    line-height: 18px;
    font-size: 12px;
    color: #333;
}


.sidemenu_sublinks:Hover
{
    background-color:#dedede;
    line-height: 18px;
    font-size: 12px;
    color: #000;
}

.sidemenu_list
{
   
   
    list-style: none;
    background-image: url(../Images/sidemenu.jpg);
    background-position: left;
    background-repeat: no-repeat;
    background-color:#dedede;
    text-indent: 35px;
    line-height: 21px;
    font-size: 12px;
}

li.sidemenu_list a
{
    
    height: 21px;
    display: block;
    text-decoration: none;
    color: #333;
    background-color:#dedede;
    border-bottom: solid 1px #ffffff;
    border-bottom-style: dotted;
    overflow: hidden;
    background-color:#dedede;
   
}

li.sidemenu_list a:hover
{
    color: #261c02;
    background-image: url(../Images/sidemenu_over.jpg);
    background-position: left;
    background-repeat: no-repeat;
    font-size: 12px;
    background-color:#dedede;
    
}

.main_content
{   
    position: relative;
    float: none;
    vertical-align:top;
    margin: 0 0 0 199px;
    padding: 0 0 5px 0;
    top: 0px;
    left: 0px;
}

.selected
{
    color: #261c02;
    background-image: url(../Images/sidemenu_over.jpg);
    background-position: left;
    background-repeat: no-repeat;
    font-weight:bold;
    font-size: 12px;
    background-color:#dedede;

}

.selected a
{
    text-indent: 35px;
    line-height: 21px;
    height: 21px;
    display: block;
    color: #261c02;
    text-decoration: none;
    border: solid 1px #d7d7d7;
    background-color:#dedede;
}
.selected:Hover
{
    font-weight:bold;
}
.selected a:Hover
{
    font-weight:bold;
}


.sidemenu_bottom{

    background-image: url(../Images/sidemenu_bottom.jpg);
    background-position: top;
    background-repeat: no-repeat;
    width:189px;
    height:10px;
}


.ebook_cover
{
    position: relative;
    float: left;
    margin:15px 10px 20px 15px;
}

.sticker
{
    position: relative;
    float: left;
    /*background-image: url(../Images/sticker_bg.jpg);
    background-position: top;
    background-repeat: repeat-x;*/
    width: 207px;
    padding: 2px 0 20px 0;
    margin: 20px 0 20px 0;
    /*border-bottom: solid 1px #c2c1c0;
    border-top: solid 1px #eaeae8;
    border-left: solid 1px #e0dfdc;
    border-right: solid 1px #e0dfdc;*/
    color:#333;
}


.side_login
{
    background-image: url(../Images/login_bg.jpg);
    background-position: top;
    background-repeat: repeat-x;
    width: 200px; /*border-top: solid 1px #e0dfdc; 	border-bottom: solid 1px #716a5c; 	border-left: solid 1px #b5af9c; 	border-right: solid 1px #b5af9c;*/
    padding: 15px 0 30px 15px;
    margin: 5px 0 20px 0;
}


.buttons
{
    text-align: center;
    position: relative;
    float: right;
}

.buttons a
{
    background-image: url(../Images/gray_buttons.jpg);
    background-repeat: no-repeat;
    background-position: top;
    height: 20px;
    text-decoration: none;
    font-size: 12px;
    line-height: 20px;
    font-weight: normal;
    display: block;
    color: #fff;
    padding: 0 10px 0 10px;
    margin: 0 0 0 0;
}

.buttons a:hover
{
    background-image: url(../Images/gray_buttons.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    color: #fff;
}

.medialists_bg
{
    background-image: url('../Images/video_bg.png');
    background-repeat:no-repeat;
    list-style-type: none;
    float: left;
    position:relative;
    width:133px;
    height:102px;
    margin: 10px 0 0 0;
} 


.smallpreview
{
background-image: url('../Images/noimage.png');
background-repeat:no-repeat;
cursor:pointer;
width:115px;
height:82px;
margin:5px 0 0 9px;
position:absolute;
  border-style:none;
}



.medialists_bg a
{
    border: 0 none;
}

.previewplay
{
z-index:190;
background-repeat:no-repeat;
cursor:pointer;
height:26px;
left:44px;
top:28px;
position:absolute;
width:26px;
 border-style:none;

}

.login
{
    text-align: center;
    position: relative;
    float: right;
}

.login a
{
    border-right: 1px #c85150 solid;
    border-left: 1px #c85150 solid;
    background-image: url(../Images/nav.jpg);
    background-repeat: repeat-x;
    background-position: top;
    height: 21px;
    text-decoration: none;
    font-size: 12px;
    line-height: 20px;
    font-weight: normal;
    display: block;
    color: #fff;
    padding: 0 10px 0 10px;
    margin: 0 0 0 0;
}

.login a:hover
{
    background-image: url(../Images/nav.jpg);
    background-repeat: repeat-x;
    background-position: bottom;
    color: #fff;
}



.hello{
    position: relative;
    float:right;
    height:25px;
    color:#ffffff;
    font-size:10px;
    margin:1px 10px 0 0;
}

a.links_footer
{
    display: inline;
    text-align: center;
    position: relative;
    color:#ffffff;
}

a.links_footer:Hover
{
    display: inline;
    text-decoration: underline;
    text-align: center;
    position: relative;
    color:#ffffff;
}

.links
{
    display: inline;
    text-align: center;
    position: relative;
    color:#333333;
}

.links a
{
    /*background-image: url(../Images/gray_buttons.jpg); 	background-repeat:no-repeat; 	background-position:bottom;*/
    height: 20px;
    text-decoration: none;
    font-size: 12px;
    line-height: 20px;
    font-weight: normal;
    display: block;
    color: #333333;
    padding: 0 5px 0 5px;
    margin: 0 2px 0 0;
}

.links a:hover
{
    /*background-image: url(../Images/gray_buttons.jpg); 	background-repeat:no-repeat; 	background-position:top;*/
    text-decoration: underline;
}

.links_selected a
{
    /*background-image: url(../Images/gray_buttons.jpg); 	background-repeat:no-repeat; 	background-position:top;*/
    display: inline;
    text-align: center;
    position: relative;
    float: left;
    height: 20px;
    text-decoration: none;
    font-size: 12px;
    line-height: 20px;
    font-weight: normal;
    display: block;
    color: Red;
    padding: 0 5px 0 5px;
    margin: 0 2px 0 0;
}




.side_search
{
    background-image: url(../Images/search_bg.jpg);
    background-position: top;
    background-repeat: repeat-x;
    width: 200px;
    padding: 15px 0 15px 15px;
    margin: 5px 0 20px 0;
}

.input_side
{
    background-image: url(../Images/input_bg.jpg);
    background-position: top;
    background-repeat: repeat-x;
    width: 123px;
    height: 25px;
    font-size: 14px;
    color: #333;
}


.input_side_login
{
    background-image: url(../Images/input_bg.jpg);
    background-position: top;
    background-repeat: repeat-x;
    width: 181px;
    height: 25px;
    font-size: 14px;
    color: #333;
}


.input_side_password
{
    background-image: url(../Images/input_bg.jpg);
    background-position: top;
    background-repeat: repeat-x;
    width: 105px;
    height: 25px;
    font-size: 14px;
    color: #333;
    margin-top: 5px;
}


.login_bt
{
    background-image: url(../Images/gray_buttons.jpg);
    background-position: top;
    background-repeat: repeat-x;
    text-decoration: none;
    float: right;
    font-weight: normal;
    text-align: center;
    line-height: 28px;
    height: 28px;
    margin: 5px 15px 0 0;
    padding: 0 7px 0 7px;
}

.login_bt:Hover
{
    background-image: url(../Images/gray_buttons.jpg);
    background-position: bottom;
    background-repeat: repeat-x; /*border-top: solid 1px #e0dfdc; 	border-bottom: solid 1px #716a5c; 	border-left: solid 1px #b5af9c; 	border-right: solid 1px #b5af9c;*/
}

.login_bt a
{
    color: #fff;
    text-decoration: none;
    display: block;
}


.search_bt
{
    background-image: url(../Images/search_bt_bg.jpg);
    background-position: top;
    background-repeat: repeat-x;
    text-decoration: none;
    float: right;
    font-weight: normal;
    text-align: center;
    line-height: 28px;
    height: 28px;
    margin: 0 15px 0 0;
    padding: 0 7px 0 7px;
}

.search_bt:Hover
{
    background-image: url(../Images/search_bt_bg.jpg);
    background-position: bottom;
    background-repeat: repeat-x;
}

.search_bt a
{
    color: #fff;
    text-decoration: none;
    display: block;
}

.link_button{
  
    text-decoration : none;
    float: right;
    font-weight: normal;
    text-align: center;
    margin:10px 20px 0 0;
}

.link_button a{
    color: #fff;
}

.big_search
{
    background-image: url(../Images/search_bg.jpg);
    background-position: top;
    background-repeat: repeat-x;
    width: 590px;
    padding: 15px 0 15px 15px;
    margin: 5px 0 20px 0;
}

.big_login
{

    position:relative;
    float:left;
    width: 590px;
 
}


.big_login_bt a    {

    background-image: url(../Images/gray_buttons.jpg);
    background-position: top;
    background-repeat: repeat-x;
    text-decoration: none;
    font-weight: normal;
    text-align: center;
    line-height: 27px;
    height: 27px;
    padding: 0 10px 0 10px;
    margin: 0 0 0 5px;
    color: #fff;
    text-decoration: none;
    display: block;
}

.big_login_bt a:Hover
{
    background-image: url(../Images/gray_buttons.jpg);
    background-position: bottom;
    background-repeat: repeat-x;
}


.input_login_big
{
    background-image: url(../Images/input_bg.jpg);
    background-position: top;
    background-repeat: repeat-x;
    border-collapse:collapse;
    border-top: solid 1px #b2b2b2; 
 	border-left: solid 1px #c0c0c0;
 	border-right: solid 1px #c0c0c0;
 	border-bottom: solid 1px #e6e6e6;
    position:relative;
    float:left;
    width: 460px;
    height: 25px;
    font-size: 14px;
    color: #333;
}

.input_big
{
    background-image: url(../Images/input_bg.jpg);
    background-position: top;
    background-repeat: repeat-x;
    width: 490px;
    height: 25px;
    font-size: 14px;
    color: #333;
}

.left_col{
    position:relative;
    float: left; 
    width: 290px;
}


.input_pdfs
{
    background-image: url(../Images/input_bg.jpg);
    background-position: center;
    background-repeat: repeat-x;
    position: relative;
    float: left;
    width: 195px;
    height: 22px;
    padding: 3px 0 0 5px;
    margin: 5px 0 6px 0;
    border-collapse:collapse;
    border-top: solid 1px #b2b2b2; 
 	border-left: solid 1px #c0c0c0;
 	border-right: solid 1px #c0c0c0;
 	border-bottom: solid 1px #e6e6e6;
}

.dropdown_pdfs
{
    background-image: url(../Images/input_bg.jpg);
    background-position: center;
    background-repeat: repeat-x;
    position: relative;
    float: left;
    width: 258px;
    height: 22px;
    margin: 5px 0 0 10px;
    border-collapse:collapse;
    border-top: solid 1px #b2b2b2; 
 	border-left: solid 1px #c0c0c0;
 	border-right: solid 1px #c0c0c0;
 	border-bottom: solid 1px #e6e6e6;
 	font: 100% Arial, Verdana, Helvetica, sans-serif;
 
}

.description_pdfs
{
    background-image: url(../Images/input_bg.jpg);
    background-position: top;
    background-repeat: repeat-x;
    position: relative;
    vertical-align:middle;
    float: left;
    width: 195px;
    height: 22px;
    padding: 3px 0 0 5px;
    margin: 5px 0 20px 0;
    border-collapse:collapse;
    border-top: solid 1px #b2b2b2; 
 	border-left: solid 1px #c0c0c0;
 	border-right: solid 1px #c0c0c0;
 	border-bottom: solid 1px #e6e6e6;
}

.dropdown_combine
{
    background-image: url(../Images/input_bg.jpg);
    background-position: center;
    background-repeat: repeat-x;
    position: relative;
    float: left;
    width: 258px;
    height: 22px;
    margin: 5px 0 0 0;
    border-collapse:collapse;
    border-top: solid 1px #b2b2b2; 
 	border-left: solid 1px #c0c0c0;
 	border-right: solid 1px #c0c0c0;
 	border-bottom: solid 1px #e6e6e6;
 	font: 100% Arial, Verdana, Helvetica, sans-serif;
 
}


.borders
{
    background-image: url(../Images/input_bg.jpg);
    background-position: top;
    background-repeat: repeat-x;
    position: relative;
    float: left;
    border-collapse:collapse;
    border-top: solid 1px #b2b2b2; 
 	border-left: solid 1px #c0c0c0;
 	border-right: solid 1px #c0c0c0;
 	border-bottom: solid 1px #e6e6e6;
}

.chosen_pdfs
{
    background-image: url(../Images/input_bg.jpg);
    background-position: top;
    background-repeat: repeat-x;
    position: relative;
    float: left;
    border-collapse:collapse;
    border-top: solid 1px #b2b2b2; 
 	border-left: solid 1px #c0c0c0;
 	border-right: solid 1px #c0c0c0;
 	border-bottom: solid 1px #e6e6e6;
}

.big_search_bt
{
    background-image: url(../Images/search_bt_bg.jpg);
    background-position: top;
    background-repeat: repeat-x;
    text-decoration: none;
    float: right;
    font-weight: normal;
    text-align: center;
    line-height: 28px;
    height: 28px;
    margin: 0 15px 0 0;
    padding: 0 20px 0 20px;
}

.big_search_bt:Hover
{
    background-image: url(../Images/search_bt_bg.jpg);
    background-position: bottom;
    background-repeat: repeat-x;
}

.big_search_bt a
{
    color: #fff;
    text-decoration: none;
    display: block;
}


.header_sticker
{
    font-family: Helvetica, Arial, Verdana, sans-serif;
    text-indent: 10px;
    font-size: 16px;
}

.header_side
{
    color: #222;
    position: relative;
   
     font-weight:bold;
    text-indent: 10px;
    font-size: 12px;
    float: left;
    width: 200px;
}

.bottomstroke_rightside
{
    position: relative;
    float: left;
    width: 207px;
    margin: 10px 0 12px 0;
    border-bottom: solid 1px #d7d7d7;
    border-bottom-style:dotted;
}

.bottomstroke_login
{
    background-image: url(../Images/middle_bottomstroke_login_bg.jpg);
    background-position: top;
    background-repeat: no-repeat;
    position: relative;
    width: 267px;
    height:10px;
    margin: 0 0 12px 0;
}

.sidelink
{
    float: left;
    font-size: 11px;
    padding: 3px 5px 0 10px;
}

.sidelink a
{
    color: #333;
}

.sidelink a:Hover
{
    color: #000;
    text-decoration: underline;
}


.book_lists
{
    
    font-size: 0.9em;
    border-collapse: collapse;
    background-color: #fff;
    border: solid 1px #d7d7d7;
    border-top: solid 1px #999999;
    position: relative;
    float: left;
    width: 680px;
    margin-bottom: 10px;
   
}

.white_bg
{
    position: relative;
    float: left;
    width: 681px;
    background-color: #fff;
    border-left: solid 1px #cccccc;
    border-right: solid 1px #cccccc;
    padding:0 10px 0 10px;
    margin:0 0 0 0;
    font-size: 1.0em;
}

.white_bg_login
{
    position: relative;
    width: 245px;
    float:left;
    background-color: #fff;
    border-left: solid 1px #cccccc;
    border-right: solid 1px #cccccc;
    padding:10px 10px 0 10px;
    font-size: 1.0em;
}


.white_bg_top
{
    position: relative;
    float: left;
    width: 580px;
    background-color: #fff;
    border: solid 1px #d7d7d7;
    padding: 10px 10px 10px 10px;
    margin: 0 0 10px 0;
    font-size: 1.0em;
}

.white_bg2
{
    position: relative;
    float: left;
    width: 610px;
    margin: 0 0 10px 0;
    font-size: 1.0em;
}

.middle_bottomstroke_bg  
{
    background-image: url(../Images/middle_bottomstroke_bg.jpg);
    background-position:top;
    background-repeat: no-repeat;
    width: 703px;
    height:10px;
    float:left;
   
}

.middle_text_containers
{   background-image: url(../Images/middle_title_bg.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    text-align:left;
    position: relative;
    float: left;
    width: 680px;
    height:26px;
    padding: 7px 0 0 35px;
}

.middle_text_container_login
{   background-image: url(../Images/middle_title_login_bg.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    text-align:left;
    position: relative;
    width: 267px;
    height:26px;
    padding: 7px 0 0 35px;
}

.button_container
{ text-align:left;
    position: relative;
    float: left;
    width: 680px;
    padding: 0 0 0 10px;
}


.image_text_containers
{ text-align:left;
    position: relative;
    float: right;
    width: 460px;
    padding: 0 0 0 5px;
    margin: 10px 5px 20px 0;
}


.button
{
    width: 33px;
    padding: 0 10px 0 0;
    margin: 0 3px 0 15px;
}

.button a
{
    background-image: url(../Images/read.png);
    background-position: right;
    background-repeat: no-repeat;
    float: right;
    width: 33px;
    height: 18px;
    display: block;
    color: #fff;
    margin: 0 3px 0 15px;
}

.button a:hover
{
    background-image: url(../Images/read_over.png);
    background-position: right;
    background-repeat: no-repeat;
}


.tr_gray
{
    background-color: #EFEFEF;
    vertical-align:top;
}


.tr_gray a
{
    text-decoration: none;
    color: #444;
    font-size: 12px;
    padding: 3px 0 4px 0;
}

.tr_gray:hover
{
    color: #000000;
    background-color: #dfdfdf;
}


.tr_white
{
 background-color: #FFFFFF;
 vertical-align:top;
    }

.tr_white a
{
    text-decoration: none;
    color: #444;
    font-size: 12px;
    padding: 3px 0 4px 0;

}
.tr_white:hover
{
    color: #000;
    background-color: #dfdfdf;
}

.sort
{
    background-image: url(../Images/gray_buttons_overstate.jpg);
    background-repeat: repeat-x;
    background-position:top;
    text-align:left;
    font-weight: bold;
    font-size: 12px;
    padding: 2px 0 3px 5px;
    color: #FFF;
    border-left: solid 1px #757575;
}

.sort:hover
{
    background-image: url(../Images/sort.jpg);
    background-repeat: repeat-x;
    background-position: top;
    color: #FFF;
}

.sort a
{
    text-decoration: none;
    color: #fff;
    padding-right:5px;
}

.sort a:hover
{
    color: #fff;
}


.artist
{
    width: 15%;
    
}
.artist:hover
{
}

.artist a:hover
{
    color: #000;
    overflow: hidden;
}


.overflow
{
   overflow: hidden;
   
 }
 
tr.overflow a
{
   overflow: hidden;
   padding: 0 0 0 0;
 }

.album
{
    width: 10%;
    color: #999999;
    overflow: hidden;
   
}
.album:hover
{
}

.album a:hover
{
    color: #000;
}

.title_link
{
   width: 40%;
   border-left: solid 1px #d7d7d7;
   font-size: 12px;
   padding: 2px 5px 3px 5px;
   color:#444;
}

.title_link a
{
    width:100%;
    color:#444;
}

.title_link:hover
{
    background-repeat: no-repeat;
    background-position: center right;
}

.title_link a:hover
{
    text-decoration: underline; 
    color:Blue; 
}

.title_link2
{
   width: 50%;
   border-left: solid 1px #d7d7d7;
   font-size: 12px;
   padding: 2px 5px 3px 5px;
}

.title_link2 a
{
    width:100%;
}

.title_link2:hover
{
    background-repeat: no-repeat;
    background-position: center right;
}

.title_link2 a:hover
{
    text-decoration: underline; 
    color:Blue; 
}

.next{
    background:url(../Images/next_bt.png) no-repeat 0 0;
    background-position:right;
    position:relative;
    color:White;
    width:60px;
    height:20px;
    padding: 0 15px 1px 8px;
}

.next:Hover{
    background:url(../Images/next_bt_over.png) no-repeat 0 0;
    background-position:right;
    position:relative;
    color:White;
    width:60px;
    height:20px;
    padding: 0 15px 1px 8px;
}

.pre{
    background:url(../Images/pre_bt.png) no-repeat 0 0;
    background-position:right;
    position:relative;
    color:White;
    width:60px;
    height:20px;
    padding: 0 8px 1px 15px;
}

.pre:Hover{
    background:url(../Images/pre_bt_over.png) no-repeat 0 0;
    background-position:right;
    position:relative;
    color:White;
    width:60px;
    height:20px;
    padding: 0 8px 1px 15px;

}

.author
{
    width: 25%;
    border-left: solid 1px #d7d7d7;
    padding: 2px 0 3px 5px;
}
.courseCode
{
    width: 13%;
    border-left: solid 1px #d7d7d7;
    padding: 2px 0 3px 5px;
}

.date
{
   width: 5%;
   overflow: hidden;
   font-size: 12px;
   padding: 2px 5px 3px 5px;
   color:#444;
   border-left: solid 1px #d7d7d7;
}

.category{
   width: 9%;
   overflow: hidden;
   padding: 2px 0 3px 5px;
   border-left: solid 1px #d7d7d7;
}

.user{
   width: 10%;
   font-size: 12px;
   padding: 2px 5px 3px 5px;
   color:#444;
   border-left: solid 1px #d7d7d7;
}

.year
{
   width: 5%;
   overflow: hidden;
   padding: 2px 0 3px 5px;
   border-left: solid 1px #d7d7d7;
}

.pdf
{
   width: 1%;
   border-left: solid 1px #d7d7d7;
   overflow: hidden;

   padding: 2px 0 3px 5px;
}

td.pdf a
{
width:100%;
}

.price
{
   width:9%;
   border-left: solid 1px #d7d7d7;
   overflow: hidden;
   padding: 2px 0 3px 5px;
}

td, .buy, .read, .download
{
    vertical-align:middle;
  
}

td
{
    height: 26px;
  
}

.download
{
   width: 2%;
   border-left: solid 1px #dddddd;
 }

.download a
{
    display: block;
    position:relative;
    background-image: url(../Images/gray_buttons.jpg);
    background-repeat: no-repeat;
    background-position: top;
    vertical-align:middle;
    float: right;
    width:100%;
    text-align:center;
    color: #fff;
}


.download a:hover
{
    background-image: url(../Images/gray_buttons_overstate.jpg);
    background-repeat: no-repeat;
    background-position: top;
}


.delete
{
   width: 2%;
   border-left: solid 1px #dddddd;
   vertical-align:top;
 }

.delete a
{
    display: block;
    position:relative;
    background-image: url(../Images/gray_buttons.jpg);
    background-repeat: no-repeat;
    background-position: top;
    vertical-align:middle;
    float: right;
    width:100%;
    text-align:center;
    color: #fff;
}


.delete a:hover
{
    background-image: url(../Images/gray_buttons_overstate.jpg);
    background-repeat: no-repeat;
    background-position: top;
}

.preview
{
    width: 1%;
    border-left: solid 1px #d7d7d7;
    padding: 0 0 0 0;
    color: #fff;
}

.preview a
{
    position:relative;
    display: block;
    background-image: url(../Images/gray_buttons.jpg);
    background-repeat: no-repeat;
    background-position: top;
    float: right;
    width:70px;
    height: 16px;
    line-height:16px;
    color: #fff;
    padding: 1px 0 3px 2px;
    text-align:center;
}


.preview a:Hover
{
    background-image: url(../Images/gray_buttons_overstate.jpg);
    background-repeat: no-repeat;
    background-position: top;

}



.read
{  width: 5%;
   border-left: solid 1px #d7d7d7;
   overflow: hidden;
   color: #fff;
}
.read a
{
    
    position:relative;
    float:right;
    background-image: url(../Images/gray_buttons.jpg);
    background-repeat: no-repeat;
    background-position: top;
    width:100%;
    height:20px;
    text-align:center;
    color: #fff;
    margin: 0 0 0 0;
   
}
.read a:hover
{
    background-image: url(../Images/gray_buttons_overstate.jpg);
    background-repeat: no-repeat;
    background-position: top;
}

.buy
{
   width: 1%;
   border-left: solid 1px #d7d7d7;
   overflow: hidden;
   
  
}

.buy a
{
    display: block;
    position:relative;
    background-image: url(../Images/gray_buttons.jpg);
    background-repeat: no-repeat;
    background-position: top;
    vertical-align:middle;
    float: right;
    width:100%;
    text-align:center;
    color: #fff;
    margin: 0 0 0 0;

}
.buy a:hover
{
    background-image: url(../Images/gray_buttons_overstate.jpg);
    background-repeat: no-repeat;
    background-position: top;
}

listen
{
    width: 2%;
    padding-right: 1px;
    background-image: url(../Images/listen.png);
    background-repeat: no-repeat;
    background-position: top left;
}
.listen:hover
{
    width: 2%;
    padding-right: 1px;
    background-image: url(../Images/listen.png);
    background-repeat: no-repeat;
    background-position: top left;
}

.listen a:hover
{
    color: #666666;
    overflow: hidden;
}

.sidemenu_title{
    background-image: url(../Images/sidbar_title_bg.jpg);
    background-repeat: no-repeat;
    background-position: top;
    width: 189px;
    height:33px; 
}

.sidemenu_title h1{
 padding: 7px 0 0 35px;
}

.left
{
    position:relative;
    clear:right;
    float:left;
    background-color:#dedede;
    width: 189px;
}
.thrColFixHdr #sidebar1
{
    float: left;
    width: 189px;
    padding: 1px 0 15px 0;
    
}

div.resources_bg
{
    position: relative;
    float: left;
    width: 200px;
    height: 100%;
    background-color: #999999;
}

.thrColFixHdr #sidebar2
{
    float: right;
    width: 200px;
    padding: 15px 20px 15px 0;
}

.thrColFixHdr #mainContentDiv
{   
    position: relative;
    float: none;
    vertical-align:top;
    margin: 0 0 0 185px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
    padding: 0 20px 5px 20px;
    top: 0px;
    left: 0px;
}
.thrColFixHdr #mainContentDiv2
{
    position: relative;
    vertical-align:top;
    float: none;
    margin: 0; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
     /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
.footer_top
{
    background-image: url(../Images/footer_topstroke_bg.jpg);
    background-repeat:no-repeat;
    background-position: top;
    float:left;
    height: 10px;
    width: 908px;
}

.footer_bottom
{
    background-image: url(../Images/footer_bottomstroke_bg.jpg);
    background-repeat:no-repeat;
    background-position: bottom;
    margin:0 0 30px 0;
    padding: 0 0 0 0;
    float:left;
    height: 10px;
    width: 908px;
}


.thrColFixHdr #footer
{   margin: 0 auto;
    background-color:#999999;
    height: 230px;
    width: 908px;
}
.thrColFixHdr #footer p
{
    margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
    padding: 10px 0 0 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
    color: #fff;
}

.footer_content
{
    width: 908px;
    margin: 0 auto;
    height:230px;
    padding:0 0 0 0;
     background-color:#999999;
 }


.footer_links
{
    float: left;
    text-align: left;
    width: 160px;
    color: #fff;
}

.footer_links:Hover
{
    color: #fff;
    text-decoration:underline;
}

.footer_links_header
{
    float: left;
    text-align: left;
    width: 160px;
    color: #fff;
}

.footer_col
{
    position: relative;
    float: left;
    width: 180px;
    margin-left: 35px;
}


.footer_col_1
{
    position: relative;
    float: left;
    width: 180px;
    margin-left: 35px;
}

.footer_indent
{
    position: relative;
    float: left;
    width: 50px;
    height: 50px;
}

.copyright p
{
    position: relative;
    text-align:center;
    font-size:11px;
    width: 850px;
    height:100%;
    margin: 20px 0 5px 0;
}
.copyright{
    position: relative;
    float:left;
    height:15px;
    width: 100%;
    margin:40px 0 0 10px;

}




.fltrt
{
    /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
    float: right;
    margin-left: 8px;
}
.fltlft
{
    /* this class can be used to float an element left in your page */
    float: left;
    margin-right: 8px;
}
.clearfloat
{
    /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}
#pageSpan
{
    width: 100%;
    text-align:right;
}

/*.regtips
{
    width:200px;
    text-align:left;
    font-size: 14px;

}

.reginputs input
{
    background-image: url(../Images/input_bg.jpg);
    background-position: top;
    background-repeat: repeat-x;
    left:100px;
    float:left;
    width: 360px;
    height: 25px;
    font-size: 14px;
    color: #333;
}

.regbutton input
{
    background-image: url(../Images/gray_buttons.jpg);
    background-position: top;
    background-repeat: repeat-x;
    text-decoration: none;
    float: right;
    font-weight: normal;
    text-align: center;
    line-height: 28px;
    height: 28px;
    margin: 0 15px 0 0;
    padding: 0 20px 0 20px;
    color:white;
}

.regpanel
{
    background-image: url(../Images/login_bg.jpg);
    background-position: top;
    background-repeat: repeat-x;
    position:relative;
    float:left;
    width: 500px;
    padding: 0px 0 0px 0px;
    margin: 0px 0 0px 0;
}*/

.forgotpassdiv 
{
    width: 500px;
    font-size: 14px;
}

.forgotpassdiv #forgotpass
{
    font-size: 14px;
    float:left;
    margin: 20px 0 0 0;
}

.forgotpassdiv #forgotpass #submit   
{ 
    background-image: url(../Images/gray_buttons.jpg);
    background-position: top;
    background-repeat: repeat-x;
    text-decoration: none;
    float: right;
    font-weight: normal;
    text-align: center;
    line-height: 28px;
    height: 28px;
    padding: 0 20px 3px 20px;
    color: #fff;
    text-decoration: none;
    display: block;
    border:0;
}

.forgotpassdiv #forgotpass #submit:Hover
{
    background-image: url(../Images/gray_buttons.jpg);
    background-position: bottom;
    background-repeat: repeat-x;
}

.forgotpassdiv fieldset
{
    width:100%;
    border:0;
}

.forgotpassdiv #forgotpass label
{
    float: left;
    width: 600px;
    margin-bottom: 5px;
}

.forgotpassdiv #forgotpass #email
{
    width:145px;
    background-image: url(../Images/input_bg.jpg);
    background-position: top;
    background-repeat: repeat-x;
    position:relative;
    border-collapse:collapse;
    border-top: solid 1px #b2b2b2; 
 	border-left: solid 1px #c0c0c0;
 	border-right: solid 1px #c0c0c0;
 	border-bottom: solid 1px #e6e6e6;
    float:left;
    height: 25px;
    font-size: 12px;
    color: #333;
}
.regpanel 
{
    width: 228px;
    font-size: 12px;
    border-collapse:collapse;
    border: solid 1px #d7d7d7;
    float:left;
    padding: 15px 0 10px 15px;
    margin: 5px 0 20px 0;
}

.regtips  {
    position:relative;
    float:left;
    width: 212px;
    font-size: 12px;
    margin : 2px 0 2px 0;
} 
.reginputs{
    position:relative;
    float:left;
    width:212px;
    font-size: 12px;
    margin : 2px 0 2px 0;
} 

/*introduction film*/

div#nice_close
{
	background: url("../Images/fancy_closebox.png") no-repeat scroll left top transparent;
	cursor: pointer;
	display: none;
	height: 30px;
	position: absolute;
	right: -15px;
	top: -12px;
	width: 30px;
	z-index: 181;
}