/* 
    Document   : user_trend_style
    Created on : Feb 11, 2011, 5:29:01 PM
    Author     : nimishas
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

#user_trend_wrapper { clear: none;}
#user_trend_wrapper table th, #user_trend_wrapper table td {width: 50%; padding-left: 100px; }

/******************************* For Yearly Trend ******************************* */
#yearly-trend-form #edit-sel-from-year-wrapper { float: left;}
#yearly-trend-form #edit-sel-to-year-wrapper { float: left; margin-left: 30px; }
#yearly-trend-form #edit-sel-from-year, #yearly-trend-form #edit-sel-to-year { width: 100px;}
#yearly-trend-form #edit-submit { margin-top: 30px; margin-left: 30px;}

/******************************* For Monthly Trend ******************************* */
#monthly-trend-form #edit-sel-from-month-wrapper { float: left; }
#monthly-trend-form #edit-sel-from-year-wrapper { float: left; }
#monthly-trend-form #edit-sel-to-month-wrapper { float: left; margin-left: 30px; }
#monthly-trend-form #edit-sel-to-year-wrapper { float: left; }
#monthly-trend-form #edit-sel-from-year{ margin-top: 20px; margin-left: -108px; }
#monthly-trend-form #edit-sel-to-year{ margin-top: 20px; margin-left: -90px; }
#monthly-trend-form #edit-sel-from-month, #monthly-trend-form #edit-sel-to-month { width: 60px; }
#monthly-trend-form #edit-submit { margin-top: 30px; margin-left: 30px;}

/******************************* For Quarterly Trend ******************************* */
#quarterly-trend-form #edit-sel-year-wrapper { float: left; }
#quarterly-trend-form #edit-sel-quarter-wrapper { float: left; margin-left: 30px; }
#quarterly-trend-form #edit-submit { margin-top: 30px; margin-left: 30px;}