* {margin: 0px; padding: 0px; list-style: none; background-repeat: no-repeat; font-family: Myriad Pro; text-decoration: none;}
body 
{
    margin: auto; background-color: #07385b;
}
div#body
{
    background-image: url(../images/body_bkg.gif);
    width: 1011px;
    margin: auto;
}

/* header */
a.logo 
{
    display: block;
    float:left;
    width:465px;
    height:110px;
    background-image: url(../images/cumulus_logo.gif);
}

a.my_clouds
{
  display: block;
  background-image: url(../images/my_clouds.gif);
  width:112px;
  height:68px;
  float: right;
}

a.login_state
{
    display: block;
    float: right;
    color: #ffffff;    
    padding-top: 100px;
    padding-left:550px;
    font-weight: bold;
    font-family: Arial;
    font-size: 11px;
}

.WelcomeUser
{
	padding-top: 15px;
    padding-left:700px;
    
}
.WelcomeUser span
{
	/*display: block;
    float: right;*/
	color: #ffffff;    
    font-weight: bold;
    font-family: Arial;
    font-size: 11px;
}

.WelcomeUser a
{
	color: #ffffff;       
    font-weight: bold;
    font-family: Arial;
    font-size: 11px;
    padding-left:60px;
}

/* Menu - top level*/
.menu_main {height: 36px; margin-left: 56px; clear: both;}
.menu_main li {float: left;}
.menu_main li a 
{ 
	display: block;
	text-decoration: none;
	width: 107px;
	height: 24px;
	/*background-image: url(../images/menu_main_bkg.gif);*/
	margin-right: -3px;
	text-align: center;
	text-transform:uppercase;
	color: #07385b;
	font-size: 13px;
	font-weight:bold;
    padding: 12px 0px 0px 0px;
    text-indent: -5000px;
}
.menu_main li a:hover
{
    background-position: 0px -36px;
    color: #ffffff;
}
.menu_main li a.home
{
    width: 109px;
    background-image: url(../images/menu_main_home.gif);
}
.menu_main li a.Store
{
    background-image: url(../images/menu_main_store.gif);
}
.menu_main li a.Cumulus
{
    background-image: url(../images/menu_main_cumulus.gif);
}
.menu_main li a.Stratus
{
    background-image: url(../images/menu_main_stratus.gif);
}
.menu_main li a.iPhone
{
    background-image: url(../images/menu_main_iphone.gif);
}
.menu_main li a.Community
{
    background-image: url(../images/menu_main_community.gif);
}
.menu_main li a.Support
{
    background-image: url(../images/menu_main_support.gif);
}
body.Store .menu_main li a.Store,
body.Cumulus .menu_main li a.Cumulus,
body.Stratus .menu_main li a.Stratus,
body.iPhone .menu_main li a.iPhone,
body.Community .menu_main li a.Community,
body.Support .menu_main li a.Support
{
     color: #07385b;
     background-position: 0px -72px;
}
.menu_main li#search
{
    width: 181px;
    display: block;
   	height: 31px;
    background-image: url(../images/menu_main_search.gif);
	/*text-align: center;*/
	color: #07385b;
    padding: 5px 0px 0px 12px;
    float:left;
}
.menu_main li#search .search_btn
{
    display: block;
    background-image: url(../images/menu_main_search_btn.gif);
    width: 30px;
    height: 24px;
    padding: 0px 0px 0px 0px;
    float: left;
}
.menu_main .search_box
{
    display:block;
    float:left;
    width: 125px;
    font-size: 13px;
   
}
.menu_main li a#search:hover
{
    color: #07385b;
    background-position: 0px 0px;
}

/* menu_sub_main */
.menu_sub_main
{
    text-align: center;
    padding-top: 12px; 
}
.menu_sub_main li
{
    display: inline;
}

.menu_sub_main li a
{
   	color: #07385b;
	font-size: 16px;
	font-family: Myriad Pro; 
    text-align: center;
    padding: 0px 12px;
}

.menu_sub_main li a.selected
{
    font-weight: bold;
}
.menu_sub_main li a:hover
{
	
    color: #000000;
}

/* left column and menu */
.left_col
{
    float: left;
    padding: 30px 10px 0px 13px;
}

.left_nav
{
    width:161px;
}

.left_nav li a
{
    display: block;
    padding-top: 11px;
    width: 161px;
    height: 29px;
    background-image: url(../images/left_nav_cell_bkg.gif);
    text-align: center;
    font-family: Myriad Pro;
    font-size: 15px;
    color: #000000;
}

.left_nav li a:hover
{
    color: #ffffff;
    background-position: 0px -40px;
}

.left_nav li a.top
{
    height: 27px;
    background-image: url(../images/left_nav_cell_top.gif);    
}

.left_nav li a.bottom
{
    height: 30px;
    background-image: url(../images/left_nav_cell_bottom.gif);    
}

.left_nav li a.selected
{
    background-position: 0px -80px;
}

/* Advertisment Space */
.ad_space
{
    margin-top: 13px;
}

/* content */
div#content
{
    background-image: url(../images/content_bkg.gif);
    background-position: -1px 0px;
    
    margin-left: 38px;
    width: 943px;
    background-color: #ffffff;
}

div#content div.content_container
{
    padding: 27px 0px 0px 10px; 
    width: 900px;    
    /*overflow-x: hidden;*/
    overflow: hidden;
    /*border: 1px solid black;*/
}

div#content div.inside_content_container
{
	padding: 27px 0px 0px 0px;
    float: left;
    width: 739px;
    /*border: 1px solid black;*/
}

/* footer */
div.footer 
{
    background-image: url(../images/footer_bkg.gif);
    width: 943px;
    height: 23px;
    margin-left: 38px;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    color:#07385b;
    padding-top: 25px;
}

.footer *
{
    color:#07385b;
    font-size: 11px;
    text-align: center;
    font-weight: bold;
    font-family: Arial;
}

.footer a
{
    text-decoration: underline;
}

.footer a:hover
{
    color: #ffffff;
}
/* clases */

.clear {clear: both;}

.divLoginArea
{
	display: block;
    padding-top: 75px;
    padding-left:220px;
    width:500px;
    text-align: center;
    font-family: Myriad Pro;
    font-size: 14px;
    color: #000000;
}

.divLoginArea a
{
    font-family: Myriad Pro;
    text-decoration: underline;
}

.SubTitle
{
	font-family: Myriad Pro;
    font-size: 17px;
    font-weight:300;    
}

/*Anchal Panwar*/
.cumbodysp
{
background-image:url('images/spacer.gif');
}
.cumbody14
{
background-color:#FFFFFF;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
vertical-align:top;
}
.cumbody16
{
background-image:url('images/cumulus_16.gif');
background-repeat:repeat-x;
background-color:#FFFFFF;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
vertical-align:top;
}
.cumbody17
{
background-image:url('images/cumulus_17a.gif');
background-repeat:repeat-x;
background-color:#FFFFFF;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
vertical-align:top;
}
.cumbody19
{
background-image:url('images/cumulus_19a.gif');
background-repeat:repeat-y;
background-color:#E7E7E7;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
vertical-align:top;
}

.cumbody23
{
background-image:url('images/cumulus_23a.gif');
background-repeat:repeat-x;
background-color:#FFFFFF;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
vertical-align:top;
}

.cumbody25
{
background-image:url('images/cumulus_25.gif');
background-repeat:repeat;
background-position:top;
background-color:#FFFFFF;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
vertical-align:top;
}
.cumbody32
{
background-image:url('images/cumulus_32.gif');
background-repeat:repeat-x;
background-position:top;
background-color:#FFFFFF;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
vertical-align:top;
}
.cumbody34{
background-image:url('images/cumulus_34.gif');
background-repeat:no-repeat;
background-position:top;
background-color:#FFFFFF;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
vertical-align:top;
}
.cumhead01{
background-image:url('images/Untitled-1_01.gif');
background-repeat:no-repeat;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background-position:top;
background-color:#052947;
vertical-align:top;
}
.cumhead02{
background-image:url('images/Untitled-1_02.gif');
background-repeat:no-repeat;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background-position:top;
background-color:#052947;
vertical-align:top;
}
.cumhead03{
background-image:url('images/Untitled-1_03.gif');
background-repeat:no-repeat;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background-position:top;
background-color:#052947;
vertical-align:top;
}
.cumhead04{
background-image:url('images/Untitled-1_04.gif');
background-repeat:no-repeat;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background-position:top;
background-color:#052947;
vertical-align:top;
}
.cumhead05{
background-image:url('images/Untitled-1_05.gif');
background-repeat:no-repeat;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background-position:top;
background-color:#052947;
vertical-align:top;
}
.cumhead06{
background-image:url('images/Untitled-1_06.gif');
background-repeat:no-repeat;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background-position:top;
background-color:#052947;
vertical-align:top;
}
.cumhead07{
background-image:url('images/Untitled-1_07.gif');
background-repeat:no-repeat;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background-position:top;
background-color:#052947;
vertical-align:top;
}
.cumhead08{
background-image:url('images/Untitled-1_08.gif');
background-repeat:no-repeat;
background-repeat:no-repeat;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background-position:top;
background-color:#052947;
vertical-align:top;
}
.cumhead09{
background-image:url('images/Untitled-1_09.gif');
background-repeat:no-repeat;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background-position:top;
background-color:#052947;
vertical-align:top;
}
.cumhead10{
background-image:url('images/Untitled-1_10.gif');
background-repeat:repeat-x;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background-position:top;
background-color:#052947;
vertical-align:top;
}
.cumhead11{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background-color:#052947;
vertical-align:top;
}
.cumhead12{
background-image:url('images/Untitled-1_24.gif');
background-repeat:repeat-x;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background-position:top;
background-color:#052947;
vertical-align:top;
}
.headspac{
background-image:url('images/spacer.gif');
background-color:#062E4D;
}
.cumhead13{
background-image:url('images/Untitled-1_25a.gif');
background-repeat:repeat-x;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background-position:top;
background-color:#052947;
vertical-align:middle;
}
.cumhead14{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background-color:#5A5A5A;
vertical-align:top;
}
.cumhead15{
margin:0px 0x 0px 0px;
padding:0px 0px 0px 10px;
}
.footer01{
background-image:url('images/footer_01.gif');
background-position:top;
background-repeat:no-repeat;
background-color:#95CFE1;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
vertical-align:top;
}
.footer02{
background-image:url('images/footer_02.gif');
background-position:top;
background-repeat:no-repeat;
background-color:#95CFE1;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
vertical-align:top;
}
.footer03{
background-image:url('images/footer_03.gif');
background-position:top;
background-repeat:no-repeat;
background-color:#95CFE1;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
vertical-align:top;
}
.footer04{
background-image:url('images/footer_04.gif');
background-position:top;
background-repeat:no-repeat;
background-color:#95CFE1;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
vertical-align:top;
}
.footer05{
background-image:url('images/footer_05.gif');
background-position:top;
background-repeat:no-repeat;
background-color:#95CFE1;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
vertical-align:top;
}
.PageTitle{
	font-family: Myriad Pro;
    font-size: 22px;
    font-weight:500; 	
}
/*signup fixes*/
.SignupButton{
	float: left;
	margin-bottom: 50px;
}

.Gap
{
	padding:0px 5px 0px 5px;
}
	
.grid_data
{
	background-color: #C1BB7F;
	font-family: Verdana;
	font-size: 11px;
	color: #414A40;
	font-weight: normal;
	padding-left: 5px;
	height: 20px;
	text-align: left;
	width: 100%;
}
	.grid_data_alt
{
	background-color: #E1E0C2;
	font-family: Verdana;
	font-size: 11px;
	color: #414A40;
	font-weight: normal;
	padding: 5px;
	height: 20px;
}
.grid_item
{
	height: 20px;
	padding-top: 2px;
	padding-left: 2px;
	margin-bottom: 5px;
	
}

.grid_data a
{
	font-family: Verdana;
	font-size: 11px;
	color: #006699;
	font-weight: normal;
	padding: 5px;
	height: 20px;
	text-align: left;
}
.grid_header
{
	background-color: #A89A41;
	font-family: Verdana;
	font-size: 12px;
	color: white;
	font-weight: bold;
	padding-left: 25px;
	height: 22px;
	text-align: left;
}
.grid_header a
{
	font-family: Verdana;
	font-size: 12px;
	color: white;
	font-weight: bold;
	padding-left: 5px;
	height: 22px;
	text-align: left;
}
.inner_grid_header
{
	background-color: #cccccc;
	font-family: Verdana;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	padding-left: 5px;
	height: 18px;
}
.grid_footer
{
	background-color: #9FAC99;
	font-family: Verdana;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	height: 18px;
}
.grid_footer a
{
	font-family: Verdana;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: underline;
}
.grid_footer a:hover
{
	background-color: #efe6ce;
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}


.LeftMenuSelected
{
	display: block;
    padding-top: 11px;
    width: 161px;
    height: 29px;
    background-image: url(../images/left_nav_cell_bkg.gif);
    text-align: center;
    font-family: Myriad Pro;
    font-size: 15px;
    color: #000000;
    background-position: 0px -80px;
}

.LeftMenuLink
{
	width: 161px;
	float: left;
    
	display: block;
    padding-top: 11px;
    width: 161px;
    height: 29px;
    background-image: url(../images/left_nav_cell_bkg.gif);
    text-align: center;
    font-family: Myriad Pro;
    font-size: 15px;
    color: #000000;
}

a:hover.UserNameLink 
{
	text-decoration: underline;
}

#account_summary {width: 714px;}
#account_summary p {padding: 15px 0px; font-size: 15px;}
#account_summary_content {background-image: url(../images/MyAccount/cloud_stats.gif); padding: 27px 0px 0px 0px; width: 714px;}
#account_summary_content #summary_area 
{
    border: 1px solid #07385b;
    padding-left: 32px;
    padding-top: 28px;
    padding-bottom: 28px;
    float: left;
    width: 680px;
}

#summary_area .stat
{
    height: 115px;
    width: 209px;
    float: left;
    background-position: top right;
    margin-right: 12px;
    padding-bottom: 20px;
}
#summary_area .stat p
{
    width: 120px;
    padding-top: 38px;
    font-family: Times New Roman;
    color: #000000;
    font-size:15px;
    padding-left: 89px;
    text-align: center;
    font-weight: bold;
}
#summary_area #top_rated {background-image: url(../images/MyAccount/top_rated.gif);}
#summary_area #clouds_created {background-image: url(../images/MyAccount/clouds_created.gif);}
#summary_area #admired_clouds {background-image: url(../images/MyAccount/admired_clouds.gif);}
#summary_area #most_popular {background-image: url(../images/MyAccount/most_popular.gif);}
#summary_area #my_cumulus {background-image: url(../images/MyAccount/my_cumulus.gif);}
#summary_area #my_stratus {background-image: url(../images/MyAccount/my_stratus.gif);}

#summary_area #cloud_usage 
{
    background-image: url(../images/MyAccount/cloud_cell_usage.gif);
    width: 650px;
    height: 70px;
    float: left;
    position: relative;
}

#cloud_usage .progress_bar
{
    background-image: url(../images/MyAccount/progress_bar.gif);
    width: 410px;
    height: 39px;   
    position: relative;
    top:15px;
    left:121px;
}

#cloud_usage .progress_bar div
{
    background-image: url(../images/MyAccount/progress_cell.gif);
    width: 41px;
    height: 39px;   
    float: left;
    color: #07385b;
    font-family: Myriad Pro;
    font-weight: bold;
    line-height: 39px;
    text-align: center;
    font-size: 14px;
}

.lnkView
{
    display: block;
    width:42px;
    height:26px;
    background-image: url(../images/MyAccount/view.gif);
    float: right;
    margin: 2px 0px;
}

.lnkEdit
{
    display: block;
    width:40px;
    height:26px;
    background-image: url(../images/MyAccount/edit.gif);
    float: right;    
    margin: 2px 0px;
}
.lnkDelete
{
    display: block;
    width:56px;
    height:26px;
    background-image: url(../images/MyAccount/delete.gif);    
    float: right;    
    margin: 2px 0px;
}

.cell
{
    padding-left: 10px;
    border-right: 1px solid white;
}
.hcell
{
    border-right: 1px solid white;
}

#terms_conditions
{
    width: 468px;
    height: 477px;
    background-color: #07385b;
}

#terms_content
{
    margin: 25px auto 10px auto;
    width: 418px;
    height: 367px;
    overflow-y: scroll;
    color: #ffffff;
    font-size: 12px;
}

#terms_content strong
{
    text-decoration: underline;
    display: block;
    font-style:italic;
    margin-bottom: 10px;
}
#terms_content strong.center_italic
{
    text-align: center;
    font-size: 15px;
}
#terms_content strong.center_underline
{
    font-style:normal;
    text-align: center;
}
#terms_content strong.large
{
   font-style:normal;
   text-decoration: none;
   font-size: 17px; 
}
#terms_content ol
{
    margin-bottom: 10px;
    margin-left: 20px;
}
#terms_content ol li
{
    list-style-type:decimal;
    list-style-position: outside;
}
#terms_content p
{
    margin-bottom: 10px;
    padding-right: 10px;
}
#terms_content p.indent
{
    text-indent: 25px;
}
#close_terms
{
    display: block;
    width: 71px;
    height: 30px;
    background-image: url(../images/close_terms.gif);
    float: right;
    margin: 0px 20px 0px 0px;
}
#jDialogProgressBar
{
    display: none;
    width: 0px;
    height: 0px;
    overflow: hidden;
}

.edit_cell
{
    display: none; 
    z-index: 10000;
    width: 468px;
    height: 374px;
    background-image: url('../images/AddEditCloud/edit_cell_bkg.gif');
    color: #ffffff;
    text-align: left;
    border: solid 2px white;
    
}
.edit_cell img
{
    margin-bottom: 15px;
    display: block;
    float: left;
    clear: right;
}
.edit_cell h2
{
    width: 100px;
    float: left;
    text-align: center;
    color: #ffffff;
    font-size:18px;
    line-height: 18px;
}
.edit_cell h5
{
    width: 100px;
    float:left;
    clear:left;   
    text-align: center;
    color: #ffffff;
    font-size:18px;
    line-height: 18px;
}

.edit_cell button
{
    color:#07385b;
}
.edit_cell input.save
{
    background-image: url(../images/AddEditCloud/cell_content_save.gif);
    width:65px;
    height:30px;
    display: block;
    float: right;
    margin: 10px 0px 0px 0px;  
}
.edit_cell input.close
{
    background-image: url(../images/AddEditCloud/cell_content_close.gif);
    width:71px;
    height:30px;
    display: block;
    float: right;
    margin: 10px 10px 0px 5px;      
}
.edit_cell input.delete
{
    background-image: url(../images/AddEditCloud/cell_delete.gif);
    width:71px;
    height:30px;
    display: block;
    float: right;
    margin: 10px 0px 0px 5px;    
}

.edit_cell input.upload
{
    background-image: url(../images/AddEditCloud/upload_picture.gif);
    width:129px;
    height:30px;
    display: block;
    float: right;
    margin: 10px 0px 0px 5px;      
}
.edit_cell div.file_upload
{
    float: right;
    margin: 0px;      
    clear: both;
    width: 468px;
    margin-right: 12px;
}
.edit_cell div.file_upload input
{
    display:block;
    float: right;
}
#divEditableCell
{
}

#divEditPicture
{
    height: 295px;
}
#divEditPicture h2
{
    width: 138px;
}

/* Organize CLoud */

.OrganizeListBox
{
 border-left: solid 1px #003366;
 border-right: solid 0px #003366;
 border-top: solid 0px #003366;
 border-bottom: solid 0px #003366;
}

.organize_popup
{
    display: none; 
    z-index: 10000;
    width: 468px;
    height: 140px;
    background-image: url('../images/AddEditCloud/edit_cell_bkg.gif');
    color: #ffffff;
    text-align: center;
    padding-top: 35px;
    border: solid 2px #ffffff;
}
.organize_popup img
{
    margin-bottom: 15px;
    display: block;
    float: left;
    clear: right;
}
.organize_popup h2
{
    width: 200px;
    float: left;
    text-align: center;
    color: #ffffff;
    font-size:18px;
    line-height: 18px;
}
.organize_popup button
{
    color:#07385b;
}
.organize_popup input.save
{
    background-image: url(../images/AddEditCloud/cell_content_save.gif);
    width:65px;
    height:30px;
    display: block;
    float: right;
    margin: 10px 0px 0px 0px;  
}
.organize_popup input.close
{
    background-image: url(../images/AddEditCloud/cell_content_close.gif);
    width:71px;
    height:30px;
    display: block;
    float: right;
    margin: 10px 10px 0px 5px;      
}
.organize_popup input.delete
{
    background-image: url(../images/AddEditCloud/cell_delete.gif);
    width:71px;
    height:30px;
    display: block;
    float: right;
    margin: 10px 0px 0px 5px;    
}
.errorLabel
{
	font-family:Arial;
	font-size:12px;
	color:Red;
}