/* DEFAULT */
body {
float:left;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
min-width:1030px;
height:2000px;
font-size: 13px;
font-family: helvetica, "microsoft sans serif", arial, sans-serif;
color:#555;
}

body a{
text-decoration: none;
color:#5575bf;
}

body a:hover{
text-decoration:underline;
}

h1,h2{
display: inline;	
margin: 0px;
}

h1{
font-size: 22px;
}

h2{
font-size: 16px;
}

/*
ul{
margin: 0px;
}
*/

li{
margin-left: 0px;
}

input{
width: 300px;
margin:0px;
color: #444; 
border:1px solid #A0B2DA;
padding:3px;
}

select{ 
width: 308px;
color: #444;  
background: #FFF;
border:1px solid #A0B2DA;
padding:3px;
}

textarea { 
width: 300px;
height: 50px;
color: #444;  
background: #FFF;
border:1px solid #A0B2DA;
padding:3px;
}






.greenBtn {
    border-width:1px 0;
    border-color:#6f7f4c;
    border-style:solid;
    color:#FFF;
    text-decoration:none;
    margin:4px 1px;
	float:left;
	font-weight:bold;
}

.greenBtn span{
	float:left;
    margin:0 -1px;
    border-width:0 1px;
    border-color:#6f7f4c;
    border-style:solid;
background:#629f02 url(../images/default/jBtn.jpg) repeat-x top;
padding:7px 20px;
}

.greenBtn span:hover{
background-position:bottom;
cursor:pointer;
}

.greenBtn a{
    color:#FFF;
text-decoration:none;
}
.greenBtn a:hover{
text-decoration:none;
}

.greyBtn {
    border-width:1px 0;
    border-color:#ccc;
    border-style:solid;
    color:#999;
    text-decoration:none;
    margin:4px 1px;
	float:left;
	font-weight:bold;
}

.greyBtn span {
	float:left;
    margin:0 -1px;
    border-width:0 1px;
    border-color:#ccc;
    border-style:solid;
background:#eee;
padding:7px 20px;
}

.greyBtn span:hover{
background:#ddd;
cursor:pointer;
}






/*
.greenBtnAnchor a{
    border-width:1px 0;
    border-color:#6f7f4c;
    border-style:solid;
    color:#FFF;
    text-decoration:none;
    margin:4px 1px;
	float:left;
	font-weight:bold;
}

.greenBtn span a{
	float:left;
    margin:0 -1px;
    border-width:0 1px;
    border-color:#6f7f4c;
    border-style:solid;
background:#629f02 url(../images/default/jBtn.jpg) repeat-x top;
padding:7px 20px;
}

.greenBtn span a:hover{
background-position:bottom;
cursor:pointer;
}
*/






/*#a4b57d*/
.jBtn{
float:left;	
background:#629f02 url(../images/default/jBtn.jpg) repeat-x top;	
color:#fff;
text-align:center;
font-size:15px;
font-weight:bold;
width:auto;
padding-top:5px;
padding-bottom:5px;
padding-left:15px;
padding-right:15px;
cursor:pointer;
border:1px solid #6f7f4c;
}

.jBtn:hover{
background-position:bottom;
text-decoration:none;
}

.jBtnAnchor{
float:left;}

.jBtnAnchor a{
float:left;
background:#a4b57d url(../images/default/jBtn.jpg) repeat-x top;	
color:#fff;
text-align:center;
font-size:15px;
font-weight:bold;
padding-top:5px;
padding-bottom:5px;
padding-left:15px;
padding-right:15px;
cursor:pointer;
border:1px solid #3b692d;
}

.jBtnAnchor a:hover{
text-decoration:none;
background-position:bottom;
}




.anchorBtn{	
text-decoration: none;
color:#5575bf;
}

.anchorBtn:hover{
cursor:pointer;	
text-decoration:underline;
}



.formLabel{
padding-top:5px;
color:#999;
width:auto;
}

.formAlert{
padding-top:5px;
padding-left:5px;
padding-right:5px;
color:#999;
width:auto;
}

.grey{
color:#999;
}

.clearer_both{
clear:both;	
}



/*CONTAINERS*/

.container_100P{
float:left;
width: 100%;
}

.container_auto{
float:left;
width: auto;
}

.stage_container{
float:left;
width: 1010px;
padding-bottom:30px;
}


/* CENTRALIZERS */

.stage_centralize{
margin-left:auto;
margin-right:auto;
width: 1010px;
}

.centralize_auto{
margin-left:auto;
margin-right:auto;
}


/* SPACERS */

.spacer_auto{
float: left;
width: auto;
height: 1px;
overflow:hidden;
}

.spacer_height_auto{
float: left;
width: 100%;
overflow:hidden;
}



/* LOADING */
#loading_container{
float:left;
position:absolute; 
height:0px;
width:100%; 
z-index:999999; 
/*top:-3000px;*/
top:0px;
left:0px; 
/*background:#ff00ff;*/
background: url(../images/default/trans_000_70.png) repeat;	
}


/* BORDER */

.border{
float:left;
width:100%;
height:1px;
background:#dee4f1;
overflow:hidden; }

/* MEDIA BORDER */
.media_border{
float:left;	
border: 1px solid #CCCCCC;
background: #FFFFFF;
padding: 5px;
}



/* THUMBNAIL */
.thumbnail_border{
float:left;	
border: 1px solid #CCCCCC;
background: #FFFFFF;
padding: 4px;
}

.thumbnail_border:hover{
border-color:#111;
/*background: #111;*/
cursor:pointer;
}

.thumbnail{
float:left;
position:relative;
overflow:hidden;
width:185px;
height:185px;
}


.thumbnail .details{
position:absolute;
width:100%;
height:50px;
float:left;
bottom:-25px;
left:0px;
background:url(../images/default/trans_000_70.png);
padding:0px 5px;
}

.thumbnail .title,
.thumbnail .username{
margin-top:2px;
clear:left;
float:left;
color:#fff;
/*whitespace:nowrap;*/
height:16px;
overflow:hidden;
}

.thumbnail .title{
margin-top:5px;
padding-bottom:1px;
font-size:12px;
font-weight:bold;
}

.thumbnail .username a{
font-size:12px;	
padding-bottom:5px;
color:#29c429;
}




/* SELECETD THUMBNAIL */
.selectedThumbnail{
display:none;	
float:left;
position:absolute;
height:130px;
width:130px;
background:url(../images/default/bgTrans.png);	
}

.selectable:hover{
cursor:pointer;}

#sortable:hover{
cursor:pointer;}




/* VERTICAL BTN */

.vertical_btn a{
float: left;	
font-size:12px;
display: block;
padding: 3px 10px;
width: 160px;
text-align: left;
text-decoration: none;
border-bottom: 1px solid #EEE;
}

.vertical_btn a:hover{
background-color:#5575bf;
color: #FFFFFF;
text-decoration: none;
}

.vertical_btn2{
float: left;
border-bottom: 1px solid #EEE;
padding: 3px 10px;
width: 160px;
color: #5575bf;
}

.vertical_btn2:hover{
background-color:#5575bf;
color: #FFF;
text-decoration: none;
cursor:pointer;
}









/* SIDE NAVIGATION */

.sideNavigation_heading{
float:left;
margin-top:20px;
margin-bottom:3px;
width: 190px;
font-size:12px;
color:#222;
font-weight:bold;
}

.sideNavigation_container{
float:left;
width:190px;
padding-right:10px;
/*margin-top:10px;*/
}


.sideNavigation_element a{
float:left;
padding-left:10px;
width: 180px;
font-size:12px;
color:#888;
padding-top: 5px;
padding-bottom: 5px;
display: block;
border-bottom:1px solid #dee4f1;
/*font-weight:bold;*/
}


.sideNavigation_element a:hover{
text-decoration:none;
background: #ccc;
color:#FFF;
}

.sideNavigation_depth0 a{
/*color:#FFF;*/
/*border-bottom:1px solid #dee4f1;*/
}

.sideNavigation_depth1 a{
font-weight:normal;
/*background: #f8f8f8;
background: #0000ff;
color:#FFF;
margin-left:40px;
width: 140px;
border-bottom:1px solid #dee4f1;*/
padding-left:20px;
width: 170px;
}

.sideNavigation_depth2 a{
font-weight:normal;
/*background: #e6e6e6;
background: #0000ff;
color:#FFF;*/
padding-left:40px;
width: 150px;
}

.sideNavigation_highlight a{
background:#182128;
color:#FFF;
}

.sideNavigation_highlight2 a{
background: #999;
color:#FFF;
}






/* NO RECORDS */
.noRecords_container{
float:left; 
width:640px;
padding:10px 0px;
}

.suggestion{
color:#999;
font-style:italic;
}


/* LIST VIEW */

.list_container{
float:left; 
width:640px;
padding-bottom:10px;
}

.list_element{
float:left;
width:640px;
padding-top:10px; 
padding-bottom:10px; 
border-bottom:1px solid #dee4f1;
}

.list_thumbnail{
float:left;
margin-right:10px;
}

.list_thumbnail img{
max-width:130px;
}

.list_details{
float:left;
width:270px;
/*margin-left:10px;*/
}

.list_options{
float:right; 
width:180px;
}





/* ICON VIEW */
.icon_container
{
float:left; 
width:100%;
/*background:#F4F4F4;*/
padding-bottom:5px;
border-bottom:1px solid #ccc;
}




/* FEED VIEW */
.feed_container
{
float:left;
width:520px;
margin:10px 0px;
}

.feed_element
{
float:left; 
width:518px;
/*padding-bottom:10px;*/
margin-bottom:10px;

}

.feed_thumbnail
{
float:left;	
padding:5px;
border:1px solid #ccc;
margin-right:10px;
}

.feed_thumbnail img
{
width:50px;
}


.feed_content_container
{
float:left;
width:446px;
padding-bottom:10px;
border-bottom:1px solid #edf2fb;
}

.feed_content_title
{
float:left;
width:436px;
margin-bottom:10px;
background:#ededed;
padding:5px;
border-bottom:1px solid #dadada;
}

.feed_content_title a
{
font-weight:bold;
}

.feed_content_content
{
float:left;
width:446px;
}

/*
.feed_content_thumbnail
{
float:left;
}
*/

.feed_video_element{
float:left;
width:446px;
padding-bottom:5px;
margin-bottom:5px;
border-bottom:1px solid #edf2fb;	
}


.feed_comment{
float:left;
width:284px;
margin-left:10px;
}


#loadFeedBtn,#loadNewsFeedBtn{
float:left;
width:100%;
margin-top:10px;
/*margin-left:72px;
margin-bottom:10px;*/
background:#ededed;
/*padding:5px;*/
padding-top:5px;
padding-bottom:5px;
/*border-top:1px solid #dadada;*/
border:1px solid #cacaca;
font-weight:bold;
}

#loadFeedBtn:hover,#loadNewsFeedBtn:hover{
cursor:pointer;
background:#dadada;}








































/* EXPLANATIONS */
.explanation{
float:right; padding:10px; padding-left:35px; margin-left:20px; margin-top:10px; width:300px; 
background:#fcf6af url(../images/default/info.png) no-repeat 10px 10px;
border:1px solid #eae4a4;
display:none;}



/* TITLE */

.title_container{
float:left; 
position:relative;
width:810px;
padding-bottom:5px;
border-bottom:1px solid #dee4f1;
}

.title_container .title{
float:left;
clear:left;
font-size:22px;
font-weight:bold;
color:#182128;
}

.title_container .details{
float:left;
clear:left;
font-size:14px;
font-weight:normal;
}

.info_container{
float:left; 
position:relative;
width:790px;
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
border-bottom:1px solid #dee4f1;
background:#edeef3;
}

.info_container .details{
clear:left;
float:left;
width:550px;
color:#666;
}

.info_container .instructions{
clear:left;
float:left;
width:550px;
color:#999;
}


.subTitle_container{
float:left; 
position:relative;
width:810px;
padding-bottom:10px;
border-bottom:1px solid #dee4f1;
}

.subTitle_container .title{
float:left; 
clear:left;
font-size:16px;
font-weight:bold;
float:left;
margin-top:10px;
}

.subTitle_container .btn{
float:left; 
clear:left;
margin-top:10px;
}



.content_container{
float:left; 
position:relative;
width:810px;
padding-bottom:10px;
border-bottom:1px solid #dee4f1;
}




/* ORDER MEDIA ON PAGE */

.element{
float:left;
margin:5px;
padding:10px;
width:120px;
height:120px;
position:relative;
}
.deleteMediaOnPageBtn{
position:absolute;	
width:26px;
height:26px;
top:5px;
right:10px;
background:url(../images/default/deleteBtn.png) no-repeat;
}









/* HOMEPAGE */

#browseBtn2,#myProfileBtn2,#myWebsiteBtn2{
float:left;
width:330px;
height:165px;
margin-right:10px;
cursor:pointer;
}

#browseBtn2{
background:url(../images/home/browseBtn.jpg) no-repeat;
}

#myProfileBtn2{
background:url(../images/home/myProfileBtn.jpg) no-repeat;
}

#myWebsiteBtn2{
background:url(../images/home/myWebsiteBtn.jpg) no-repeat;
}



/* BROWSE */

.featuredPopularRecent_container{
clear:both;
float:left;
margin-top:20px;
width:100%;
}

.featuredPopularRecent a{
cursor:pointer;
float:left;
color:#444;
/*display: block;*/
padding-left:12px;
padding-right:12px;
padding-top:4px;
padding-bottom:4px;
}

.featuredPopularRecent a:hover{
background:#182128;
color:#fff;
text-decoration:none;
}

.featuredPopularRecent_selected a{
background:#182128;
color:#fff;}