/* CSS Document */

/************************(  HTML  )*******************************/

body, html, select,input {
font-family : Arial, Helvetica, sans-serif;
}


body  {
margin : 0;
padding : 0;
height : 100%;
background : url('/assets/media/images/page-bg.jpg');
font-size : 11px;
color : #cccccc;
}
html {
margin : 0;
padding : 0;
height : 100%;
font-size : 11px;
color : #cccccc;
}
img {
border : 0;
}
.container {
width : 960px;
margin : 0 auto;
background : #fcbf04;
height : auto !important ;
}
a:link, a:visited {
color : #fcbf04;
text-decoration : underline;
font-weight : bold;
background : none;
}
a:hover {
color : #fcbf04;
text-decoration : underline;
font-weight : bold;
}

h1 {
font-size : 20px;
font-weight : bold;
margin-top : 0;
}

h3 {
font-size : 18px;
font-weight : bold;
margin-top : 0;
}
h4 {
font-size : 18px;
font-weight : bold;
margin : 0;
}
select {
font-size : 11px;
color : #000000;
}
input {
font-size : 11px;
color : #000000;
} 

b {
margin:0;
}

/************** (Search Input, Button) *************/

.search-input  {
width : 183px;
height : 17px;
background : #FFFFFF url(/assets/media/images/search-bg.gif) no-repeat left top;
border : 1px solid #666666;
padding-left : 32px;
padding-top : 3px;
}
.search-input-button {
margin-bottom : -5px;
} 

/************** (Search Input, Button) *************/


/************************(  HTML  )*******************************/

.container  {
width : 960px;
margin : 0 auto;
background : #4f4f4f;
height : auto !important ;
}
.commonContainer {
width : 100%;
height : auto;
float : left;
} 

/***********************  (login)  ***********************/

/* .login-pag-container-1  {
width : 100% !important ;
top : 50%;
left : 0;
position : absolute;
text-align : center;
}
.login-pag-container-2 {
background : url('/assets/media/images/login-bg.gif');
background-repeat : no-repeat;
width : 600px !important ;
height : auto;
top : -143px;
left : 50%;
position : absolute;
margin-left : -300px;
font-size : 11px;
color : #ffffff;
} */

/***********************  (login)  ***********************/




/************************(  header  )*******************************/

.header  {
width : 960px;
height : 262px;
background : url('/assets/media/images/header-bg.gif');
float : left;
}
.header .login-container {
width : 960px;
height : 25px;
float : left;
}
.header .login-container .login-left {
width : 48%;
height : 10px;
float : left;
padding-top : 6px;
padding-bottom : 7px;
padding-left : 18px;
font-size : 11px;
font-weight : bold;
}
.login-left a:link, .login-left a:visited {
color : #ffffff;
text-decoration : none;
}
.login-left a:hover {
color : #ffffff;
text-decoration : underline;
}
.header .login-container .login-right {
width : 48%;
height : 10px;
float : right;
padding-top : 6px;
padding-bottom : 7px;
padding-right : 18px;
font-size : 11px;
font-weight : bold;
text-align : right;
}
.login-right a:link, .login-right a:visited {
color : #ffffff;
text-decoration : none;
}
.login-right a:hover {
color : #ffffff;
text-decoration : underline;
}
.header .header-image {
width : 960px;
height : 213px;
background : url('/assets/media/images/header_summerx_2010.jpg');
background-repeat : no-repeat;
background-position : top left;
float : left;
}
.header .header-image .search-box {
padding-top : 13px;
padding-right : 13px;
text-align : right;
}
.search-box{
	z-index:10!important;
	height:30px;
	width:300px;
	float:right;
	position:relative;
}
.logoContainer {
width : auto;
height : auto;
float : left;
}
.logo {
margin-top : 35px;
margin-left : 30px;
}
.espylink a{
	display:block;
	height:122px;
	left:605px;
	position:relative;
	text-indent:-9999px;
	top:77px;
	width:345px;
}
#curevent{
	float:left; 
	padding-left:32px; 
	padding-top:3px; 
	color:#FFFFFF;
	line-height:1.5em;
}
.twitter a{
	display:block;
	height:26px;
	text-indent:-9999px;
	width:450px;
	background:transparent url('/assets/media/images/x_twitter_btn_red_out.png') no-repeat 0 0;
	outline:none;
}
.twitter a:hover{
	background:transparent url('/assets/media/images/x_twitter_btn_red_over.png') no-repeat 0 0;
}
.pageHeaderContainer {
width : 100%;
height : auto;
float : left;
}
.breadCrumbContainer {
width : 100%;
height : auto;
float : left;
font-size : 10px;
font-weight : bold;
color : #cbcbcb;
padding-bottom : 15px;
}
.breadCrumbContainer a:link, .breadCrumbContainer a:visited {
color : #9e9e9e;
text-decoration : underline;
font-weight : bold;
}
.breadCrumbContainer a:hover {
color : #9e9e9e;
text-decoration : none;
font-weight : bold;
}
.pageSubLinksContainer {
width : 100%;
height : auto;
float : left;
padding-top : 3px;
font-weight : bold;
}
.pageSubLinks {
width : auto;
height : auto;
float : left;
padding-top : 3px;
padding-bottom : 3px;
font-weight : bold;
margin-right : 66px;
}
.pageSelect {
width : auto;
height : auto;
float : left;
}
.subPageHeederLinksContainer {
width : 95%;
height : auto;
float : left;
padding-top : 2px;
padding-bottom : 15px;
padding-left : 20px;
padding-right : 5px;
}
.subPageHeederLinksContainer2 {
width : 100%;
height : auto;
float : left;
} 

/************************(  header  )*******************************/



/************************(  Top Nave li  )***************************/

div#navlist-1  {
width : 947px;
height : 23px;
float : left;
background : url('/assets/media/images/global-navi-bg.gif');
background-repeat : repeat-x;
padding-left : 11px;
border-bottom : 1px solid #232323;
}
ul#navlist {
margin : 0;
padding : 0;
list-style-type : none;
white-space : nowrap;
}
ul#navlist li {
height : 14px;
float : left;
font-size : 11px;
font-weight : bold;
color : #cdcdcd;
margin : 0;
padding : 5px 0 4px 0;
background : url('/assets/media/images/global-navi-bg.gif');
background-repeat : repeat-x;
}
#navlist a, #navlist a:link {
height : 23px;
margin : 0;
padding : 5px 6px 4px 6px;
color : #cdcdcd;
text-decoration : none;
}
#navlist a {
height : 23px;
margin : 0;
padding : 5px 6px 4px 6px;
color : #cdcdcd;
text-decoration : none;
}
ul#navlist li#active {
color : #ffffff;
background : url('/assets/media/images/global-navi-hover-bg.gif');
}
#navlist a:hover {
color : #ffffff;
background : url('/assets/media/images/global-navi-hover-bg.gif');
background-repeat : repeat-x;
} 

/************************(  Top Nave li  )***************************/







/***************( Center Part Layout Divs and Class  )**************/

.container-center  {
width : 936px;
height : auto;
float : left;
padding-top : 8px;
padding-bottom : 45px;
padding-left : 12px;
padding-right : 12px;
background : url('/assets/media/images/container-center-bg.gif');
}
.container-center .cell-1 {
width : 100%;
height : auto;
float : left;
}
.container-center .cell-1 .sub-head {
width : 577px;
height : 22px;
float : left;
padding-top : 5px;
padding-bottom : 5px;
padding-left : 15px;
background : url('/assets/media/images/page-header-bg.gif');
font-size : 18px;
font-weight : bold;
color : #ffffff;
}
.container-center .cell-1 .sub-head-2 {
width : 577px;
height : 22px;
float : left;
padding-top : 5px;
padding-bottom : 5px;
padding-left : 15px;
background : url('/assets/media/images/page-header-bg.gif');
font-size : 18px;
font-weight : bold;
color : #ffffff;
margin-bottom : 10px;
}
.container-center .cell-1 .sub-head .rss {
font-size : 12px;
color : #fcbf04;
font-weight : bold;
}
.container-center .cell-1 .colum-1 {
width : 592px;
height : auto;
float : left;
margin-right : 12px;
}
.container-center .cell-1 .colum-1 .box-1 {
width : 592px;
height : auto;
float : left;
background : #000000;
margin-top : 10px;
margin-bottom : 10px;
}
.container-center .cell-1 .colum-1 .box-2 {
width : 576px;
height : auto;
float : left;
background : #000000;
margin-bottom : 3px;
padding : 8px;
}
.container-center .cell-1 .colum-1 .box-2 .cell-1 {
width : auto;
height : auto;
float : left;
background : #000000;
}
.container-center .cell-1 .colum-1 .box-2 .cell-2 {
width : 408px;
height : auto;
float : left;
padding-left : 23px;
padding-right : 15px;
background : #000000;
font-size : 11px;
font-weight : bold;
color : #b8b7b7;
}
.container-center .cell-1 .colum-2 {
width : 332px;
height : auto;
float : left;
}
.container-center .cell-1 .colum-2 .sub-head-3 {
width : 317px;
height : 22px;
float : left;
padding-top : 5px;
padding-bottom : 5px;
padding-left : 15px;
background : url('/assets/media/images/page-header-bg.gif');
font-size : 18px;
font-weight : bold;
color : #ffffff;
margin-bottom : 10px;
}
.container-center .cell-1 .colum-2 .right-navi-cell {
width : 302px;
height : auto;
float : left;
background : #000000 url('/assets/media/images/right-navi-cell-bg.gif');
background-repeat : repeat-x;
background-position : left top;
border : 1px solid #232323;
padding : 14px;
margin-bottom : 12px;
color : #cccccc;
} 

/***************( Center Part Layout Divs and Class  )**************/





/************************(  footer  )*******************************/

.footer  {
width : 890px;
height : auto;
float : left;
padding-top : 28px;
padding-bottom : 38px;
padding-left : 23px;
padding-right : 23px;
background : #161616;
color : #cccccc;
font-size : 9px;
}
.footer a:link, .footer a:visited {
color : #ffffff;
text-decoration : none;
font-size : 11px;
}
.footer a:hover {
color : #ffffff;
text-decoration : underline;
font-size : 11px;
}
.footer .sub-link {
width : 100%;
height : auto;
float : left;
color : #cccccc;
font-size : 9px;
}
.footer .sub-link a:link, .footer .sub-link a:visited {
color : #cccccc;
text-decoration : underline;
font-size : 9px;
}
.footer .sub-link a:hover {
color : #cccccc;
text-decoration : none;
font-size : 9px;
} 

/************************(  footer  )*******************************/


.nom-box  {
padding-top : 20px;
}
.tab-center-text {
border : 1px solid #323232;
background : #000000;
}
.tab-center-text td {
height : 18px;
color : #c5c4c4;
font-size : 11px;
font-weight : bold;
padding-left : 23px;
padding-right : 23px;
}
.sub-row {
height : 18px;
background : #202020;
color : #c5c4c4;
font-size : 11px;
font-weight : bold;
padding-left : 23px;
padding-right : 23px;
} 


/************************* (Sub Page css) ****************************/

.subPageContainer  {
width : 100%;
height : auto !important ;
height : 100%;
min-height : 100%;
float : left;
overflow : hidden;
}
.subPageColum1 {
width : 590px;
height : 100%;
height : 520px;
min-height : 500px;
float : left;
background : #000000;
padding-top : 20px;
padding-bottom : 20px;
padding-left : 33px;
padding-right : 31px;
color : #cccccc;
line-height : 17px;
border-right : 1px;
border-right-style : dotted;
border-right-color : #414141;
border-top : 1px;
border-top-style : dotted;
border-top-color : #414141;
margin-bottom : -5000px;
padding-bottom : 5000px;
}
div[class] .subPageColum1 {
height : auto;
}
.subPageColum1 img {
margin-top : 15px;
margin-bottom : 15px;
}
.subPageColum1Inner {
width : auto;
height : auto;
float : left;
margin-bottom : 20px;
}
.subPageColum1Inner a:link, .subPageColum1Inner a:visited {
color : #cccccc;
text-decoration : underline;
font-size : 13px;
font-weight : normal;
}
.subPageColum1Inner a:hover {
color : #fcbf04;
text-decoration : underline;
font-size : 13px;
font-weight : normal;
}
.subPageColum2 {
width : 200px;
height : 100%;
height : 500px;
min-height : 500px;
float : left;
background : #000000;
padding-top : 48px;
padding-bottom : 20px;
padding-left : 30px;
padding-right : 20px;
border-top : 1px;
border-top-style : dotted;
border-top-color : #414141;
margin-bottom : -5000px;
padding-bottom : 5010px;
}
div[class] .subPageColum2 {
height : auto;
}
.subPageColum2 a:link, .subPageColum2 a:visited {
color : #999999;
text-decoration : underline;
font-size : 12px;
font-weight : bold;
}
.subPageColum2 a:hover {
color : #fcbf04;
text-decoration : underline;
font-size : 12px;
font-weight : bold;
}
.subPageFooterLinks {
width : auto;
height : auto;
float : left;
padding-bottom : 25px;
}
.subPageFooterLinks a:link, .subPageFooterLinks a:visited {
color : #fcbf04;
text-decoration : underline;
font-weight : bold;
}
.subPageFooterLinks a:hover {
color : #ffffff;
text-decoration : underline;
font-weight : bold;
}
.sub2PageColum1 {
width : 553px;
height : 100%;
height : 500px;
min-height : 500px;
float : left;
background : #000000;
padding-top : 20px;
padding-bottom : 20px;
padding-left : 20px;
color : #cccccc;
line-height : 17px;
border-right : 1px;
border-right-style : dotted;
border-right-color : #414141;
border-top : 1px;
border-top-style : dotted;
border-top-color : #414141;
margin-bottom : -5000px;
padding-bottom : 5000px;
}
div[class] .sub2PageColum1 {
height : auto;
}
.photosRow {
width : 100%;
height : auto;
float : left;
margin-bottom : 15px;
}
.photoContainer {
width : 170px;
height : auto;
float : left;
padding-right : 12px;
padding-bottom : 40px;
}
.photoContainer a:link img, .photoContainer a:visited img {
border : 1px solid #000000;
}
.photoContainer a:hover img {
border : 1px solid #ffffff;
}
.imageTxtContainer{
width: 170px;
height: auto;
float: left;
}
.pageTopContainer {
width : 99%;
height : auto;
float : left;
padding-bottom : 40px;
}
.pageTopContainerLeft {
width : auto;
height : auto;
float : left;
padding-top : 3px;
padding-bottom : 3px;
font-weight : bold;
}
.pageTopContainerRight {
width : auto;
height : auto;
float : right;
padding-top : 3px;
padding-bottom : 3px;
padding-right : 5px;
font-weight : bold;
}
.pageTopContainerRight span {
width : auto;
height : auto;
float : left;
margin-right : 5px;
}
.photoDownloadContainer {
width : 603px;
height : 600px;
margin-left : auto;
margin-right : auto;
background : #000000;
} 

/************************* (Sub Page css) ****************************/



/************************ (photopreview_download)  ********************/

.photoDownloadHeaderContainer  {
width : 584px;
height : 33px;
border-bottom : 1px dotted #424242;
background : #000000;
margin-left : auto;
margin-right : auto;
padding-left : 18px;
padding-top : 15px;
}
.photoDownloadHeader1 {
font-size : 20px;
font-weight : bold;
color : #ffffff;
}
.photoDownloadHeader2 {
font-size : 15px;
color : #ffffff;
font-weight : bold;
}
.photoDownloadLeftContainer {
width : 220px;
height : 530px;
float : left;
border-right : 1px dotted #424242;
padding-left : 40px;
padding-right : 40px;
padding-top : 20px;
}
.photoDownloadRightContainer {
width : 276px;
height : 531px;
float : left;
background : url(/assets/media/images/page-bg.jpg);
padding-top : 20px;
padding-left : 13px;
padding-right : 13px;
}
.photoId {
padding : 3px;
background : #831717;
color : #ffffff;
margin-bottom : 25px;
padding-left : 10px;
}
.photoDownloadContainerA {
padding : 3px;
background : #4c4b4b;
color : #ffffff;
margin-bottom : 1px;
padding-left : 10px;
}
.photoDownloadContainerB {
padding : 3px;
background : #333333;
color : #ffffff;
margin-bottom : 1px;
padding-left : 10px;
}
.photoDownloadContainerBottom {
padding : 3px;
background : #333333;
color : #ffffff;
margin-bottom : 25px;
padding-left : 10px;
}
.photoDownloadContainerBottom2 {
padding : 3px;
background : #4c4b4b;
color : #ffffff;
margin-bottom : 25px;
padding-left : 10px;
}
.span001 {
width : auto;
height : auto;
float : left;
margin-right : 5px;
}
.span002 {
width : auto;
height : auto;
float : left;
margin-right : 5px;
padding-top : 12px;
} 
/************************ (photopreview_download)  ********************/


/*--------------------------------------------------------------------------------------- (16/01/2009) ---------*/

.pager_style table tr td img {
margin: 0;
}
